@charset "UTF-8";

@media screen and (max-width: 640px) {
    .sp_display{
        display: block;
    }
    .sp_display img{
        width: 82%;
        height: auto;
    }
    .pc_display{
        display: none;
    }
    .sec_inner {
        width: 100%;
    }
    header{
        height: auto;
    }
    header h1{
        text-align: center;
    }
    header #logo{
        width: 95%;
        margin: 0 auto;
    }
    header #logo img{
        width: 100%;
        height: auto;
    }
    header #tel {
        height: auto;
        position: static;
        top: 0;
        text-align: center;
        margin: 0 auto;
    }
    #mv {
        background-position: left;
        background-size: cover;
        height: auto;
    }
    #mv h2 {
        margin: 0 auto 20px auto;
        padding-top: 40px;
        text-align: center;
        width: 95%;
    }
    #mv h2 img{
        width: 100%;
        height: auto;
    }
    #mv .mv_cv {
        text-align: center;
        margin: 0 auto 30px auto;
        width: 95%;
    }
    #mv .mv_cv img{
        width: 80%;
        height: auto;
    }
    ol.feature li {
        display: block;
        margin: 0 auto 10px auto;
    }
    ol.feature li:last-child {
        margin-bottom: 0;
    }
    ol.feature li img{
        width: auto;
        max-width: 100%;
    }
    h2 {
        font-size: 19px;
        font-size: 1.9rem;
    }
    h2 b {
        font-size: 21px;
    }
    ul.task li {
        display: block;
        margin: 0 auto 20px auto;
    }
    ul.task li img{
        width: auto;
        max-width: 100%;
    }
    ul.companies{
        width: 95%;
        margin: 0 auto;
    }
    ul.companies li h3 {
        float: none;
    }
    ul.companies li p {
        float: none;
        padding: 9px 20px 0 20px;
    }
    .cv_area ol {
        width: 95%;
        margin: 0 auto;
        text-align: center;
    }
    .cv_area ol li:last-of-type {
      margin-bottom: 0;
    }
    .cv_area ol li {
        display: block;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .cv_area ol li .center img{
        width: 100%;
        height: auto;
    }
    #block05 .table_wrap {
        padding: 30px 0;
        width: 95%;
        margin: 0 auto;
    }
    #block05 table th{
        /* display: none;*/
    }
    #block05 table th {
        padding: 10px 0 10px 0;
    }
    #block05 table th:last-child{
        width: 40%;
    }
    table tr td {
        padding: 30px 0 30px 0;
    }
    table tr td:last-child{
        width: 36%;
        padding: 30px 2%;
    }
    table tr .leftcell {
        width: 20%;
    }
    table tr .cell02 {
        padding: 0 !important;
        width: 20%;
    }
    table tr .cell03 {
        padding: 0 !important;
        width: 20%;
    }
    .bl06_inner {
        width: 95%;
        height: auto;
        padding: 0;
    }
    .bl06_img {
        width: 95%;
        margin: 0 auto;
        position: static;
        top: 0;
        left: 0;
        padding-bottom: 51px;
    }
    .bl06_img img{
        width: 100%;
        height: auto;
    }
    #block06 .bl06_inner h3{
        width: 95%;
        margin: 0 auto 20px auto;
    }
    #block06 .bl06_inner p{
        width: 95%;
        margin: 0 auto 10px auto;
    }
    #block07 .voice img{
        width: 100%;
        height: auto;
    }
    #block07 .voice p {
        width: 95%;
        position: static;
        top: 0;
        right: 0;
        margin: 0 auto;
    }
    #block07 .center img{
        width: 100%;
        height: auto;
    }
    #block08 ul.support li {
        display: block;
        padding: 30px 10px;
        margin: 0 auto 20px auto;
    }
    #block08 ul.support li:first-child {
        margin-left: auto;
    }
    #block08 ul.support li:last-child {
        margin-bottom: 0;
    }
    #block08 ul.support li img{
        width: auto;
        max-width: 100%;
    }
    #block01 h2{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block01 p.mB_30{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block02 h2{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block02 p.mB_30{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block04 h2{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block04 p.mB_30{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block04 h3.bar_title{
        width: 95%;
        margin: 0 auto 20px auto;
    }
    #block04 p.mB_40{
        width: 95%;
        margin: 0 auto 40px auto;
    }
    p.captionb{
        width: 95%;
        margin: 0 auto;
    }
    #block06 h2{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block06 p.mB_30{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block07 h2{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block07 p.mB_40{
        width: 95%;
        margin: 0 auto 40px auto;
    }
    #block07 .voice{
        padding: 30px 0;
        width: 95%;
        margin: 0 auto 60px auto;
    }
    #block07 h3{
        width: 95%;
        margin: 0 auto 15px auto;
        font-size: 16px;
        font-size: 1.6rem;
    }
    #block07 .center{
        width: 95%;
        margin: 0 auto;
    }
    #block08 h2{
        width: 95%;
        margin: 0 auto 30px auto;
    }
    #block08 p.mB_30{
        width: 95%;
        margin: 0 auto 30px auto;
    }
}