@media screen and (max-width: 640px) {
    
   #container {
       width: 100%;
    }
    #header {
        height: 120px;
    }
        
    #header h1 {
        top: 80px;
        left: 3px;
        right: auto;
        line-height: 1.5;
        font-size: 12px;
    }
    #headerLogo{
        margin-right: 10px;
    }
    #mainimage {
        height: auto;
    }
    
    h2 {
        font-size: 10px;
        margin:5px;
    }
    
    #menubar ul li {
        width: 50%;
        margin-left: -1px;
    }
    #contents {
        width: 100%;
    }
    #main {
        width: 100%;
        margin-left: 0;
    }    
    #holiday{
        width:100%;
        box-sizing: border-box;
    }
    #contentsmenu {
        width:100%;
    }
    #contentsmenu>a>img {
        width: 100%;
    }
    #boxmenu {
        width: auto;
        height: auto;
        text-align: center;
        margin: 10px;
    }
    #boxmenu img {
        display: inline-block;
        top: auto;
        left: auto;
    }
    #boxmenu p {
        text-align: center;
        margin: auto;
    }
    #contentssoft {
        width:100%;
    }
    
    #contentsip{
        width:100%;
        background:#ffffff;
    }    
    .boxsoft1, .boxsoft2, .boxsoft3, .boxsoft4, .boxsoft5{
        width: 50%;
        height: auto;
        margin: 0;
        text-align: left;
        font-size: 60%;
    }
    
    .boxip1{
        width: 100%;
        height: auto;
        margin: 10;
        text-align: center;
    }
    .pc { 
        display: none !important; 
    }
    .mobile { 
        display: block !important;
    }
    img {
        max-width: 100%;
    }
    #main h3 {
        width: auto;
        height: auto;
        font-size: 12px;
    }
    #sub {
        float: none;
        margin: auto;
    }
    #blog{
        width:auto;
        margin:auto;
    }
    #fotter{
        width:100%;
        height:100%;
    }
    #contentsLink{
        width:100%;
    }
    #footer{
        Width:100%;
        height:100%;
    }
    .none {
        display:none
    }
    #footerAddress{
        margin-left: 20px;
        margin-bottom: 20px;
    }
    .voice{
        width:100%;
    }
    .voice div{
        width:auto;
    }
    .softList ul li{
	    width:auto;
	    margin:10px 5px; 
    }

    .softList ul li p{
	    margin:5px;
    }

    .softList ul li a{
	    font-size:12px;
    }
    
    #mainSentence{
        width:100%;
    }

    #mainSentence h1 img{
        max-width:100%;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
    }
    
    #mainSentence p{
        margin:15px;
        font-size:1.0em;
        line-height:1.5;
    }
    
    #subMain{
        width:100%;
    }
    
    .memberTable {
        margin:0 auto 15px;
        width:100%;
    }
    
    #contact{
        width:100%;
        box-sizing: border-box;
    }
    
    p.contactH{
        font-size:10px;
        font-weight:nomal;
        line-height:1.2;
        margin:5px 0;
        color:#000;
    }
    
    table, tbody, thead, tfoot, tr, th, td {
        display: block;
    }

    #contact_boxSoft1 h3, #contact_boxSoft2 h3, #contact_boxSoft3 h3, #contact_boxSoft4 h3{
        width:100%;
        margin:auto;
        margin-bottom:5px; 
        padding:auto;
    }
    
    #contact_boxSoft1,#contact_boxSoft2,#contact_boxSoft3,#contact_boxSoft4{
        width:100%;
    }
    
    #contact_boxSoft1 div.contact_softList,#contact_boxSoft2 div.contact_softList,#contact_boxSoft3 div.contact_softList,#contact_boxSoft4 div.contact_softList{
        width:100%;
    }
    
    #contact_boxSoft1 div.contact_softList ul li,#contact_boxSoft2 div.contact_softList ul li,#contact_boxSoft3 div.contact_softList ul li,#contact_boxSoft4 div.contact_softList ul li{
        width:100%;
	    float:none;
	    margin:auto;
        margin-bottom:5px; 
    }
    
    input,textarea {
        width:100%;
    }
    
    #contactTable tr th{
        width:100%;
    }
    
    #contactTable tr td{
        width:100%;
    }
    
    th,td,input{
        box-sizing: border-box;
    }
    
    input[type=checkbox]{
        width: auto;
    }
    
    #contactTable tr td.check{
        padding:5;
    }
    

    #lineup ul{
        position: relative;
        left: 0px;
    }
    #lineup{
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0;
    }
    #lineup ul li{
        float: none;
        max-width: 100%;
    }
    #lineup ul li a{
        line-height: 1.5;
        margin: 10px 0;
    }
    
    #contentsLeft{
        width:100%;
    }
    
    #subSentence{
        width:100%;
    }

    #subSentence img{
        width:100%;
    }

    #companyTable tr td{
	border:solid 1px #ffffff;
}