@media (max-width: 768px){
	#content_wrapper2{
			width: auto;
			min-height: 300px;
			height:auto;
	}
	#main {
			padding: 10px;
	}
	.s_check, .s_nittei, .s_info {
			padding: 5px;
			height: auto;
			padding-bottom: 20px;
	}
	#rowmain h2 {
	    font-size: 1.2em;
	}
	.startBtn {
    text-align: center;
    width: 80%;
    font-size:1.0em;
    padding:10px 0px;
    margin:0px;
    background: #009100;
    font-weight: bold;
    color: #FFF;
    box-shadow: 0px 8px 0px -1px #d4d4d4;
    -moz-box-shadow: 0px 8px 0px -1px #d4d4d4;
    -webkit-box-shadow: 0px 8px 0px -1px #d4d4d4;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 4px solid #ffffff;
	}
	.s_info h2 {
		font-size: 1.2em !important;
		padding-left: 10px;
	}
	.allcontent{
		width: auto;
		/*		width: 294px;*/
	}

	.card {
		width: 82vw;
	/*	
		width: 230px;
	*/
		height: 240px;

	}
	.stressCheckText, .steptitle {
		font-size: 1.1em;
	}
	.btnNext, .btnLast{
    width: 40%;
    font-size: 0.9em;
    padding:10px 0px;
    border-radius: 10px;
	}
	.steptitle{
		margin:5px 0px;
		font-size:0.8em;
		padding: 0px 20px;
	}
	#progressbar ul li {
    width: 6px;
    height: 6px;
    background: url("./img/progressBtn.png") left top no-repeat;
    background-size: 6px 6px;
    display: block;
    float: left;
    margin-left: 1px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
	}
	#progressbar ul{
		padding-left:10px;
	}
	#progressbar{
		width: 240px;
	}

	#content_bottom{
		padding-left:0px;
		width: 130vw;		
		margin-top:10px;
	}
	.btnPrev{
		float: left;
    background: url(./img/s2.png) no-repeat;
    background-size: 32vw 30px;
    height: 52px;
    line-height: 30px;
    font-size: 12px;
    padding-left: 20px;
    color: #009100;
    width: 32vw;
	}
	.addResult{
    font-size: 0.9em;
    line-height: 30px;
		width: 110px;
		height: 30px;
	}
	.btnNext2{
		float: left;
    background: url(./img/s1.png) no-repeat;
    background-size: 32vw 30px;
    height: 52px;
    line-height: 30px;
    font-size: 12px;
    padding-left: 40px;
    color: #009100;
    width: 32vw;
	}
	.btnLast{
		width: 80%;
	}

	/* Result */
	.box-result{
		width: 100%;
		font-size: 14px;
		margin:0px;
		margin-bottom:10px;
	}
	.box-advice{
		padding:0px 5px;
	}
	.box-advice h1{
    font-size: 1.2em !important;
	}
	.note{
		margin:0px;
	}
	.note p{
		display:inline;
		font-size:0.7em;
		line-height: 15px;
		background: none;
	}
	.highcharts-title{
		font-size:12px !important;
	}
	.mensetsuBtn{
		font-size:0.7em;
	}
}
@media (max-width: 360px){

	.card {
		width: 74vw;
	}
	.addResult{
		width: 80px;
	}
	.btnNext2{
		padding-left: 20px;
	}



}