@charset "UTF-8";


/* important body height */
/*
body, html {
    width: 100%;
	height: 100%;
	letter-spacing: 0.08rem;
}
*/

div.notice_txt {
    margin-bottom: 1rem;
}


/*----------------------------
	clear
----------------------------*/

.clr, .clear {
	clear: both;
}
.clearfix {
    overflow:hidden;
    height:100%;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*----------------------------
	SP用PC表示の 初期hidden
----------------------------*/
#header-sp {
    display: none;
}





/*----------------------------
	SP
----------------------------*/
/*
@media screen and (max-width: 480px) {
  body {
    width: 100%;
  }
}
*/

@media screen and (max-width: 480px) {

    h1,
    #header,
    #topmenu,
    #headmenu,
    #breadnavi,
    .sidebar,
    #footer,
    div.main h2,
    div.main h3,
    div.subtitle,
    div.about_policy,
    .colscell {
        display: none;
        background-color: #fff;
    }

/*     div.contents, */
    div.main {
        width: 320px !important;
    }

    div.notice_txt {
        margin: 1rem;
        font-size: 0.85rem;
        width: 100%;
    }
    

    #header-sp {
        display: block;
    }
    #header-sp img {
        padding: 0.3rem 0 0.1rem 0;
    }
    
    .header-sp-txttitle {
        background-color: #4fa762;
        color: #fff;
        font-size: 1rem;
        font-weight: bold;
        padding: 0.5rem 1rem;
        letter-spacing: normal;
        width: 100%;
    }
    
    table.vertical {
         background-color: #fff;
         width: 360px;
    }
    
    table.vertical th,
    table.vertical td {
        display: block;
        padding: 1rem;
        font-size: 0.85rem;
    }
    
    table.vertical textarea {
        resize: both;
/*
        min-width: 100px;
        min-height: 80px;
        max-width:  400px;
        max-height: 200px;  
*/  
    }
    
    
    div#vs_side {
        width: 260px;
        margin: 0 auto;
        border: none;
    }
    div#vs {
        margin: 0 auto;
        padding: 0;
    }
    #vs_text img {
        width: 260px;
    }
    
    
    
    label {
        margin: 0;
        padding: 1rem 0 !important;
        border-bottom: dotted 1px #eee;
    }
    label:last-child {
        border: none;
    }
    
    .submit {
        background-color: #fff;
    }
    input[type="text"],
    select {
        border-radius: 5px;
        background-color: fff;
        border: solid 1px #ccc;
        padding: 0.8rem 0.1rem;
        width: 90%;
        font-size: 1rem;
    }
    
    input[type="button"],
    input[type="submit"] {
        background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    	border: 1px solid #DDD;
    	color:#111;
    	padding: 10px;
        font-size: 1.0rem;
        width: 90%;
        border-radius: 5px;
    }
    
    textarea {
        border-radius: 5px;
        background-color: fff;
        border: solid 1px #ccc;
        padding: 0.8rem 0.1rem;
        width: 90%;
        font-size: 1rem;
    }
    
}