@media(max-width:767px){

.view_pc {display: none;}
.view_sp {display: block;}

    .movie-wrap {
        margin-bottom: 40px;
    }

    .page #main-content{
        overflow: visible;
        padding-top: 10px;
        padding-bottom: 0;
    }

    .performance #main-content {
        padding-top: 30px;
    }

    .flow #main-content {
        padding-top: 25px;
    }

    .question #main-content {
        padding-top: 30px;
    }

    .company #main-content {
        padding-top: 30px;
    }

    .contact #main-content {
        padding-top: 30px;
        margin-bottom: 40px;
    }

    .blog #main-content {
        padding-top: 30px;
        margin-bottom: 40px;
    }

    .entry #main-content {
      padding-top: 0;
    }

    .entry #sub-title {
      padding-bottom: 30px!important;
    }

    .entry #main-content .content {
      margin-top: -20px;
    }

    .about  #main-content {
      padding-top: 0;
    }

    .page #main-content:before,
    .page #main-content:after, .single #main-content:after{
        display: none;
    }

    .page #main-content .object_04 {
        display: none;
    }

    .page #main-content .object_05 {
        display: none;
    }

    .page #main-content .object_06 {
        display: none;
    }

    .features #main-content .content>div {
        min-height: 40vh;
    }

    .features #main-content .content>div.transport {
        min-height: 25vh;
    }

    .features #main-content .content>div.cleanliness {
        max-height: 200px;
        min-height: 200px;
    }

    .single-requirements #main-content .object_04 {
    top: -25px;
    z-index: 2;
    }

    .family-message #main-content .object_04 {
      top: -70px;
      z-index: 2;
  }

    .entry #main-content .object_04,
    .about #main-content .object_04 {
      top: -10px;
      z-index: 2;
    }

    .wpcf7-form p {
/*       display: none; */
    }

    .wpcf7-form p.privacy {
      display: block;
    }

    #wpadminbar{
        position: fixed!important;
    }
    #navigation{
        background-color: rgba(255, 255, 255, 0.9);
    }
    #navigation .container{
        padding: 0px;
    }
    #navigation .navbar-toggle{
        padding: 5px 0px;
        color: #5592bb;
        margin-bottom: 0px;
    }
    #navigation .navbar-toggle .icon-bar{
        background-color: #5592BB;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 5px;
    }
    #navigation .recruit{
        display: inline-block;
        padding-top: 7.5px;
        float: right;
        margin-right: 10px;
        padding-left: 10px;
    }
    #navigation .recruit img{
        height: 40px;
    }
    #navigation .navbar-header .contact{
        padding: 15px 5px;
        display: inline-block;
        float: right;
        margin-right: 10px;
    }
    #navigation .navbar-header .contact img{
        width: 40px;
    }
    #navigation .navbar-brand{
        padding: 10px;
    }
    #navigation .navbar-brand h1{
        margin: 0px;
        height: 40px;
        width: 100px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    #navigation .navbar-nav{
        float: none;
        width: 100%;
        margin: 0px;
    }
    #navigation .nav>li{
        float: left;
        text-align: center;
        width: 25%;
    }
    #navigation .navbar-nav>li>a{
        /*padding: 25px;*/
        padding: 10px 5px;
    }
    .navbar-collapse {
        padding-right: 10px!important;
        padding-left: 10px!important;
    }
    section{
        overflow: hidden;
    }
    .object{
        width: 50%;
    }
    /*.object img{
        width: 50%;
    }*/
    h2.section-title{
        font-size: 32px;
        margin-bottom: 30px;
    }
    .service h2.section-title {
        margin-bottom: 0;
    }
    .service-detail h2.section-title {
        margin-bottom: 5px;
    }
    h2.section-title .ja{
        font-size: 12px;
    }
    #mainvisual{
        height: auto;
        background:none;
    }
    #mainvisual .pc-mv {
        margin-bottom: 0px;
    }
    #mainvisual .bx-viewport{
        height: 106vw!important;
    }
    #mainvisual .image{
        height: 106vw;
    }
    #mainvisual .bx-wrapper .slider>div{
        height: auto;
    }
    #mainvisual .bx-wrapper .slider>div img{
        display: block;
    }
    #blog{
        padding-top: 0;
        padding-bottom: 120px;
    }
    #blog .container{
        padding: 0px 15px;
    }
    #blog .container:before{
        background-size: contain;
        height: 240px;
        width: 100px;
        background-repeat: no-repeat;
        right: 0px;
    }
    #blog ul{
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 30px;
    }
    #blog ul li{
        margin-bottom: 15px;
        padding: 0px 15px;
    }
    #blog ul li:last-child{
        display: none;
    }
    #blog .object_01{
        display: none;
    }
    #blog ul li a{
        margin: 0px;
    }
    #blog ul li a .category{
        position: relative;
        padding: 5px;
        top: 0px;
        left: 5px;
        font-size: 10px;
        height: 22px;
        display: inline-block;
    }
    #blog ul li a .category:before{
        border-top: 22px solid transparent;
        border-left: 10px solid #ff2e69;
        right: -10px;
    }
    #blog ul li a .category:after{
        border-bottom: 22px solid transparent;
        border-right: 10px solid #ff2e69;
        left: -10px;
    }
    #blog ul li a .date{
        display: inline-block;
        padding-left: 25px;
    }
    #blog ul li a h3{
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.5;
    }
    #blog ul li a .image{
        height: calc(calc(100vw - 30px) / 4);
    }
    #blog .object_02{
        right: 0;
        bottom: -50px;
    }
    .readmore {
        float: none;
        text-align: center;
        display: block;
		width: 220px;
		margin-left: auto;
		margin-right: auto;
    }
	.readmore:after {
		margin-left: 20px;
	}
    #news{
        overflow: visible;
        padding-bottom: 150px;
    }
    #news .container:before{
        height: 250px;
        width: 100px;
        background-size: contain;
        background-repeat: no-repeat;
        top: -100px;
        left: 15px;
    }
    #news ul{
        text-align: left;
		margin-left: 20px;
		margin-right: 20px;
        margin-bottom: 0px;
    }
    #news ul li{
        margin-bottom: 30px;
    }
    #news ul li:nth-child(3){
        display: none;
    }
    #news ul li a{
        font-size: 14px;
        line-height: 1.5;
    }
    #news ul li a .date{
        display: block;
    }
    #news .object_03{
        width: 156px;
        right: 0px;
    }
    #news .object_03 img{
        width: 100%;
    }
    #news .object_04{
        bottom: -120px;
        left: -90px;
    }
    #news .readmore{
        margin-top: 30px;
    }
    #about{
        padding-top: 60px;
        overflow: visible;
        background-image: url(../images/smp_background_about.png);
    }
    #about .container:before,
    #access .container:before{
        height: 300px;
        width: 100px;
        right: 15px;
        background-size: contain;
        background-repeat: no-repeat;
        top:-90px;
    }
    #about .container:before{
        top: -140px;
    }
    #about .sub_title{
        margin-bottom: 0px;
    }
    #about .sub_title:before{
        top: 16px;
        font-size: 12px;
        left: -5px;
        letter-spacing: initial;
    }
    #about .sub_title img{
        width: 50%;
    }
    #about h3{
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #about ul li{
        padding: 0px 15px;
    }
    #about ul li a .image{
        height: 36vw;
    }
    #about ul li a .image:after{
        top: 10px;
        left: 10px;
    }
    #about ul li a .image .title .en{
        font-size: 12px;
        line-height: 18px;
    }
    #about ul li a .image .title h3{
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    #about .icon_01{
        left: 0px;
        top: 75px;
        width: 70px;
    }
    #about .icon_01 img{
        width: 100%;
    }
    #about .icon_02{
        right: 10px;
        width: 70px;
        top: 75px;
    }
    #about .icon_02 img{
        width: 100%;
        position: relative;
        z-index: -1;
    }
    #about .object_05{
        top: -90px;
        left: 10px;
        width: 25%;
    }
    #about .object_05 img{
        width: 100%;
    }
    #about p{
        font-size: 12px;
        line-height: 1.5;
    }
    #about ul{
        margin-top: 30px;
    }
    #about ul li{
        margin-bottom: 30px;
    }
    #job-information{
        background-size: contain;
        background-image: url(../images/smp_background_jobinformation.png);
        margin-bottom: 60px;
        padding-bottom: 240px;
        background-position: bottom;
        overflow: visible;
    }
    #job-information p{
        font-size: 14px;
        line-height: 24px;
    }
    #job-information strong{
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 30px;
        display: block;
    }
    #job-information .view-detail{
        margin-top: 0px;
        font-size: 12px;
        padding: 2.5px 30px;
        float: none;
    }
    #job-information .object_06{
        width: 50%;
        bottom: -540px;
    }
    #job-information .object_06 img{
        width: 100%;
    }
    #contact {
        overflow: visible;
    }
    #contact .row>div{
        margin: 0px;
        width: 100%;
        height: 40vw;
        margin-bottom: 30px;
    }
    #contact .row>div.contact {
        text-align: center;
        padding-right: 50%;
        background-image: url(../images/smp_background_contact_01.png);
        position: relative;
        z-index: 1;
    }
    #contact .contact h2{
        margin-top: 12vw;
    }
    #contact .request h2{
        margin-top: 10vw;
    }
    #contact .row>div h2 img{
        width: 100%;
    }
    #contact .row>div.request {
        text-align: center;
        padding-left: 50%;
        background-image: url(../images/smp_background_contact_02.png);
        position: relative;
        z-index: 5;
    }
    #contact .row>div.request h2{
        margin-top: 7vw;
        padding-left: 0px;
    }
    #contact .contact .object_10,
    #contact .request .object_11,
    #contact .request .object_12{
        width: 25%;
    }
    #contact .contact .object_09{
        width: 48%;
    }
    #contact .contact .object_10{
        right: 90px;
        top: -70px;
        width: 33%;
    }
    #contact .request .object_11 {
        width: 70%;
        left: 5px;
    }
    #contact .request .object_12 {
        top: -90px;
        left: 180px;
        width: 33%;
        z-index: 9;
    }
    #contact .contact .object_09 img,
    #contact .contact .object_10 img,
    #contact .request .object_11 img,
    #contact .request .object_12 img{
        height: auto;
        width: 100%;
    }
    #contact .contact .to-question{
        font-size: 10px;
    }
    #contact .container .object_06{
        top: 0px;
        z-index: -1;
    }
    #access .container{
        padding: 30px 0px;
    }
    #access .container:before{
        top: 0px;
    }
    #access .detail h3{
        font-size: 16px;
        margin-bottom: 30px;
    }
    #access .detail h3 .en{
        font-size: 10px;
    }
    #access .object_07{
        left: 0px;
        bottom: 10px;
        width: 12.5%;
    }
    #access .object_08{
        right: 0px;
        bottom: 0px;
        width: 50%;
    }
    #access .object_07 img,
    #access .object_08 img{
        width: 100%;
    }
	#access iframe {
		width: 100% !important;
		height: 300px !important;
	}
    #footer .container{
        padding: 30px 0 0;
    }
    #footer .footer_menu_01{
        display: none;
    }
    #footer .footer_menu_02{
        text-align: center;
        padding-top: 0px;
    }
    #footer .footer_menu_02>li{
        display: inline-block;
        float: none;
        margin-right: 0;
    }
    #footer .footer_menu_02>li:after{
        margin-left: 5px;
    }
    #footer .footer_menu_02>li>a{
        font-size: 12px;
    }
    #footer .smp-footer-logo{
        text-align: center;
        margin: -45px 0 15px;
        padding: 45px 0px;
    }
    #footer .smp-footer-logo img{
        width: 150px;
    }
    #smp-map {
      margin-bottom: -10px;
    }
    #to-top{
        width: 100px;
        right: 10px;
    }.request #to-top,.entry #to-top{
        display: none!important;
    }
    #page-title{
        background-position: center;
        height: 64.1vw;
        background-color: #fff;
    }
    .career #page-title{
      display: none;
    }
    #page-title h2{
        left: 15px;
        top: calc(1vw + 60px);
        font-size: 18px;
    }
    #page-title h2:before{
        border-left: transparent solid 75px;
        border-right: transparent solid 75px;
        border-top: #1ed0b6 solid 100px;
        border-bottom: transparent solid 0px;
        margin-bottom: -90px;
        z-index: -1;
    }
    #mainvisual .object_13:before{
        border-left: transparent solid 80px;
        border-right: transparent solid 80px;
        border-top: #1ed0b6 solid 100px;
        border-bottom: transparent solid 0px;
        margin-bottom: -90px;
        z-index: -1;

    }
    #mainvisual h2{
        right: 15px;
        font-size: 18px;
        line-height: 32px;
        bottom: 15px;
        margin-bottom: 0px;
    }
    #sub-title{
        padding: 20px 0 20px!important;
        overflow: visible;
    }

    .service #sub-title {
        padding: 20px 0 100px!important;
    }

    .performance #sub-title {
        padding: 20px 0 100px!important;
    }

    .flow #sub-title {
        padding: 20px 0 35px!important;
    }

    entry #sub-title {
      padding-bottom: 30px;
    }

    .first-time-driver-job #sub-title {
      padding: 60px 0px 80px;
    }

    #sub-title .object_01{
        display: none;
    }
    #sub-title .object_02{
        right: 0px;
    }
    #sub-title .object_03{
        left: -10px;
        top: auto;
        bottom: -90px;
        width: 25%;
    }
    #sub-title h2.section-title{
        margin-bottom: 10px!important;
    }
    #sub-title .description{
        border-bottom: solid #333 2px;
        border-top: solid #333 2px;
        width: 100%;
    }
    #main-content .news-list li .item-wrap h3 {
        font-size: 20px;
    }
    #main-content .news-list li{
        padding: 0px 15px;
    }

    #main-content .news-list li a .image{
        height: 34vw;
    }
    #main-content .news-list li a .detail .info{
        left: 15px;
        text-align: right;
        width: calc(100% - 15px);
    }
    #main-content .news-list li a .detail .info .category{
        padding: 5px 0px!important;
        display: block;
        width: 60%;
        text-align: center;
        border-radius: 10px;
        font-size: 10px;
        left: 0;
        top: 20px;
    }

    ul.news-list li a .category:after,
    ul.news-list li a .category:before {
      display: none;
    }

    #main-content .news-list li a .detail .info .date{
        display: block;
    }
    #main-content .news-list li a .detail h3{
        padding-bottom: 60px;
        font-size: 14px;
    }
    .recommended-post ul li a h3 {
      font-size: 14px;
    }
    .single #main-content{
        padding: 10px 0px;
    }
    .single .article{
        padding: 30px 10px;
        margin-bottom: 60px;
    }
    .single .article .info {
        padding: 0 20px;
    }
    .single .article .info .category{
        margin: 0px;
        left: 0px;
        margin-bottom: 10px;
    }
    .single .article .info .date{
        display: block;
    }
    .recommended-post ul li a{
        width: 100%;
        margin: 0 auto;
    }
    .recommended-post ul li a .image {
        height: 34vw;
    }
    .single-blog .article{
        margin-bottom: 0px;
    }
    .single-blog #main-content .to-archive {
        margin-bottom: 40px;
    }
    .single-blog .recommended-post .section-title {
        font-size: 25px;
        margin-bottom: 0;
    }
    .recommended-post {
        margin-bottom: 25px;
    }
    .recommended-post ul li {
        margin-bottom: 5px;
    }
    .related-links #main-content .content ul li{
        margin-bottom: 30px;
    }
    .performance #page-title {
        background-position: left 200vw top 6vw;
    }
    .performance #main-content .content table tr>*{
        padding: 10px;
    }
    .performance #sub-title .object_03{
        left: -15px;
        bottom: -80px;
        width: 95px;
    }
    .performance #sub-title .container:before{
        z-index: 10;
        top: -70px;
        width: 73px;
        background-size: contain;
        background-position: top;
        display: none;
    }
    .question #sub-title{
        padding-bottom: 120px;
    }
    .question #sub-title .object_03{
        bottom: 105px;
        z-index: -1;
        left: 30px;
        width: 55px;
    }
    .question #sub-title .container:before{
        width: 100px;
        top: -65px;
        display: none;
    }
    .question #main-content dl dd .panel-body{
        font-size: 14px;
        padding: 15px;
        padding-left: 60px;
        line-height: 1.25;
    }
    .question #main-content dl dt{
        padding: 15px 60px;
        font-size: 14px;
        line-height: 1.5;
    }
    .question #main-content dl dt>div{
        top: calc(calc(100% - 50px)/ 2);
        right: 0px;
    }
    .question #main-content dl dt img,
    .question #main-content dl dd img{
        left: 15px;
        top: 10px;
    }
    .question .pagination {
        margin: 0;
        padding-top: 0;
    }
    .question .pagination .page-numbers {
        padding: 7px 11px;
        font-size: 14px;
    }
    .question #page-title {
        background-position: left 190vw center;
    }
    .company #sub-title .container:before{
        width: 100px;
        top: auto;
        bottom: 0px;
    }
    .company #sub-title .message > p {
        font-size: 14px;
        line-height: 24px;
    }
    .company #sub-title .signature {
        margin-top: 0;
    }
    .company #main-content .content{
        padding: 30px 15px;
    }
    .company #main-content .content .company-information table tbody tr>*{
        padding: 10px 0px;
    }
    .company #main-content .content ul li {
        margin-bottom: 25px;
        padding: 0 0 25px;
        font-size: 14px;
    }
    .company #main-content .content .company-information table tbody tr th{
        padding-right: 20px;
    }
    .company #main-content .company-information h2.section-title {
        margin-bottom: 5px!important;
    }
    .company #main-content .company-information h2.section-title + p {
        margin-bottom: 25px!important;
    }
    .company #main-content .container .content ul li .detail p{
        top: auto!important;
        font-size: 14px!important;
    }
    .company #main-content .content .company-information table tbody tr>* {
        font-size: 14px;
    }
    .wpcf7 .submit input{
        width: calc(calc(100% - 30px) / 2);
        height: 6.5vw;
        font-size: 12px;
    }
    .wpcf7 table tbody tr>*{
        padding: 30px 10px;
    }

    .contact #sub-title .container:before{
        z-index: -1;
        top: auto;
        bottom: -80px;
        width: 100px;
        background-position: bottom;
        background-size: contain;
        background-repeat: no-repeat;
        display: none;
    }
    .contact #sub-title .description{
        margin-bottom: 30px;
    }
    .contact #sub-title .object_03{
        display: none;
    }
    .contact #sub-title .img_tel{
        width: 100%;
    }
    .contact #page-title,
    .page-template-page-thanks-php #page-title {
        background-position: left 210vw center;
    }
    .wpcf7 table {
        margin-top: 30px;
    }
    .wpcf7 table.form tbody tr {
			display: flex;
			flex-wrap: wrap;
			border-bottom: none;
    }

    .wpcf7 table.form tbody tr>* {
			padding: 10px 15px!important;
			width: 100%;
			border-bottom: #dee0e1 solid 1px;
			margin: 0;
		}

		.wpcf7 table.form tbody tr>th {
    	text-align: left;
		}

		.wpcf7 table.form tbody tr th span {
			font-size: 10px;
			position: relative;
			left: 10px;
			top: -1px;
		}

    .wpcf7 table tbody tr th{
        font-size: 14px;
        width: 33%;
		}

    .page-template-page-thanks-php #main-content .content{
        padding-top: 70px;
        padding-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 20px;
    }
    .page-template-page-thanks-php #main-content .content h3,
    .page-template-page-thanks-php #main-content .content p{
        width: 100%;
    }
    .page-template-page-thanks-php #main-content .content h3{
        margin-bottom: 20px;
    }
    .page-template-page-thanks-php #main-content .content .object_20{
        width: 20vw;
        left: calc(calc(100% - 60px) / 2);
        bottom: 0px;
    }
    .page-template-page-thanks-php #main-content .to-home{
        width: 50%;
        padding: 10px;
        font-size: 14px;
    }
    .flow #main-content ul li .to-contact {
        margin-top: 30px;
    }

    .flow #main-content ul li {
        margin-bottom: 25px;
    }
    .flow #sub-title .container:before{
        width: 100px;
        z-index: 1;
        bottom: auto;
        top: -70px;
        background-repeat: no-repeat;
        display: none;
    }
    .flow #sub-title .object_03{
        display: none;
    }
    .flow #main-content ul li:first-child .detail {
        margin-bottom: 25px;
    }
    .flow #main-content ul li .detail p{
        margin-bottom: 10px;
    }
    #service-list{
        margin-top: -90px;
        padding-bottom: 50px;
    }
    #service-list .container{
        padding: 0px;
        position: relative;
        z-index: 3;
    }
    #service-list ul li{
        /*width: 165px;*/
        width: 49%;
        display: inline-block;
        padding: 0px 5px;
        height: 35px;
        margin-bottom: 15px;
    }
    #service-list ul li a{
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        font-size: 11px;
        padding-top: 9px;
    }
    #service-list ul li a:before{
        position: absolute;
        top: 14px;
        left: 5px;
        width: 10px;
        height: 10px;
        background-size: 100% 100%;
        background-position: center center;
    }
    a.to-contact{
        width: 270px;
        font-size: 14px;
    }
    a.to-contact:after{
        right: 10px;
    }
    .service #sub-title .container:before{
        width: 100px;
        top: auto;
        bottom: 0px;
        background-position: bottom;
    }
    .service #sub-title .detail h3{
        margin-top: 30px;
    }
    .service #sub-title .detail p{
        line-height: 28px;
    }
    .service #sub-title .object_03{
        width: 15%;
        bottom: -75px;
        right: 15px!important;
    }
    .service-mainvisual{
        margin-bottom: 30px;
    }
    .service #main-content .content ul li {
        margin-bottom: 40px;
    }
    .service #main-content .content ul li .detail h3 {
        margin-bottom: 24px;
    }
    .service #main-content .content ul li .detail{
        padding: 0px 15px;
    }
    .service #main-content .content ul li .detail ul li:last-child {
        margin-bottom: 0;
    }
    .service #main-content .content ul li:nth-child(2) .detail h3{
        padding-top: 5vw;
        height: 20vw;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .service #main-content .content ul li .img{
        margin-bottom: 10px;
    }
    .service #sub-title h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .service-detail #sub-title h2 {
        margin-bottom: 0;
        font-size: 30px;
    }
    .service-detail #sub-title h2 .en {
        margin-bottom: 0;
    }
    .service-detail .delivery-service .section-title {
        margin-bottom: 0;
    }
    .service-detail .delivery-service {
        margin-bottom: 0;
    }
    .service-detail #sub-title .container:before{
        background-repeat: no-repeat;
        width: 60px;
        background-size: contain;
        background-position: left top;
        top: -70px;
        display: none;
    }
    .service-detail .delivery-service ul li h3{
        font-size: 18px;
        line-height: 45px;
    }
    .service-detail .main-transport-area{
        padding: 0 25px;
        border: solid 12px #37b9ff;
    }
    .service-detail .main-transport-area .row-eq-height>div{
        margin-bottom: 30px;
    }
    .service-detail .main-transport-area .area-detail{
        padding: 25px;
    }
    .service-detail .main-transport-area {
        margin-bottom: 50px;
    }
    .service-detail .our-company-car ul li {
        margin-bottom: 25px;
    }
    .service-detail .our-company-car {
        margin-bottom: 30px;
    }
    .service-detail .main-transport-area:before{
        display: none;
    }
    .service-detail .transport-commodity ul li{
        margin-bottom: 10px;
    }
    .service-detail .transport-commodity ul li img{
        width: 100%;
    }
    .service-detail #sub-title .description{
        font-size: 12px;
        line-height: 1.5;
    }
    .service-detail h2 + p,
    .service h2 + p {
        margin-bottom: 30px!important;
    }
    .service-detail .main-transport-area .area-detail {
        font-size: 16px;
        line-height: 2;
    }
    .service-detail .transport-commodity {
        margin-bottom: 30px;
    }
    .voice #sub-title .container:before{
        width: 100px;
        background-size: contain;
        display: none;
    }
    .voice #main-content .voice-list li{
        padding: 20px;
        width: 100%;
        padding-right: 0px;
    }
    .voice #main-content .voice-list li>div{
        padding: 0px 15px;
    }
    .voice #main-content .voice-list li>div.detail{
        padding-right: 0px;
    }
    .voice #main-content .voice-list li:before{
        top: -2px;
        right: -20px;
        content: '';
        width: 20px;
        height: 24px;
    }
    .voice #main-content .voice-list li:after{
        height: calc(100% - 20px);
        width: 20px;
        top: 22px;
        right: -20px;
    }
    .voice #main-content .voice-list li .image{
        height: 21.5vw;
    }
    .voice #main-content .voice-list li .detail h3{
        font-size: 16px;
    }
    .voice #sub-title .object_03{
        display: none;
    }
    .features #main-content .container {
        padding-bottom: 20px;
    }
    .features #sub-title .container:before {
        width: 75px;
        top: 0;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .features #page-title h2{
        font-size: 16px;
    }
    .features #main-content dl dt .case-number{
        width: 75px;
        height: 75px;
        font-size: 16px;
        left: -90px;
        padding-top: 15px;
    }
    .features #main-content dl dt .case-number .number{
        font-size: 24px;
    }
    .features #main-content dl {
        padding-left: 80px;
    }
    .features #main-content dl:last-child {
        margin-bottom: 0!important;
    }
    .features #main-content dl dt{
        padding: 10px 25px 10px 10px;
        font-size: 14px;
    }
    .features #main-content dl dt>div{
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
    }
    .features #main-content dl dt>div.collapsed{
        width: 20px;
        height: 11px;
    }
    .features #main-content dl dd>div{
        padding: 10px;
        font-size: 14px;
    }
    .page-template-page-template #main-content .content dl dd{
        padding-left: 20px;
    }
    .page-template-page-template #main-content .content blockquote{
        width: 100%;
        padding: 40px;
        margin: 0 auto;
    }
	#smp-map iframe {
		width: 100%;
		height: 300px;
	}
    #mainvisual .object_13{
        top: calc(15vw + 60px);
        font-size: 12px;
        width: auto;
    }
    #sub-title .container:before{
        right: 10px;
    }
    .blog #sub-title{
        padding-bottom: 150px;
    }
    .blog .pagination {
        margin: 0;
        padding-top: 0;
    }
    .blog #sub-title .object_03,
    .tax-blog_tag #sub-title .object_03,
    .tax-blog_category #sub-title .object_03{
        left: -0px;
        top: 40px;
        bottom: -150px;
        width: 65px;
    }
    .tax-blog_tag #sub-title .object_03,
    .tax-blog_category #sub-title .object_03{
        top: 10px;
    }
    .post-type-archive-businessblog #sub-title .object_03,
    .tax-businessblog_tag  #sub-title .object_03,
    .tax-businessblog_category #sub-title .object_03 {
        top: 80px;
        bottom: -150px;
        width: 40px;
    }
    .tax-businessblog_tag  #sub-title .object_03,
    .tax-businessblog_category #sub-title .object_03 {
        top: 40px;
    }
    .blog #sub-title .container:before,
    .tax-blog_tag #sub-title .container:before,
    .tax-blog_category #sub-title .container:before{
        width: 120px;
        background-repeat: no-repeat;
        display: none;
    }
    .news #sub-title .description{
        width: 100%;
    }
    .news #sub-title .object_03{
        bottom: -130px;
        left: 0px;
    }
    .news #sub-title .container:before,
    .archive #sub-title .container:before{
        width: 120px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .wpcf7 .submit input {
        width: 100%!important;
                height: 14vw!important;
        font-size: 14px!important;
    }

    .single-requirements .section-title {
      margin-top: 10px!important;
      margin-bottom: 0px;
    }

    .page-template-page-template #main-content .content h2.section-title {
        margin-bottom: 20px;
    }

    .page-template-page-template #main-content {
        margin-bottom: 50px;
    }
}
@media(max-width:374px){
    #navigation .navbar-brand h1{
        height: 30px;
        width: 75px;
    }
    #navigation .recruit img{
        height: 30px;
    }
    #navigation .navbar-header .contact img{
        width: 30px;
    }
    #navigation .navbar-toggle{
        margin-top: 5px;
    }
    #navigation .navbar-toggle .icon-bar{
        margin-bottom: 4px;
    }
    .smp-contact.row-eq-height a{
        font-size: 10px;
    }
    .service-detail #sub-title .description{
        font-size: 10px;
    }
}