@charset "UTF-8";

/* = min-width: 768px - max-width: 895px
-----------------------------------------------------------------------------*/
@media screen and (max-width: 480px), screen and (min-width: 768px) and (max-width: 895px) {
	.inputArea {
		float: none;
		margin: 0 auto 14px;
		padding-top: 0;
		width: 280px;
	}
	.timerArea {
		float: none;
		margin: 0 auto;
	}
	#test2 .inputArea p {
		margin: 0;
	}
	#test2 .inputArea p.alignR {
		text-align: right;
		padding-right: 30px;
		box-sizing: border-box;
	}
	#test2 .inputArea #input-txt {
		margin-left: 24px;
	}
	#mainContents #test3 .inputArea ul {
		margin: 0 auto;
		padding: 0 0 0 72px;
	}

	.checkbox_02 {
		width: 230px;
		margin: 0 auto;
	}
	#section-check-wrap > h3 > span{
		display: block;
	}
}
@media only screen and (max-width: 640px) {
	.nav_open {
		height: 784px;
	}
	#nav_sp {
		height: 784px;
	}
	.main__content .subtitle img {
		margin-left: 0;
	}
	.textResize.note {
		text-align: left;
	}
	#mainContents {
		width: 100%;
	}
	#mainContents h1 img {
		width: 100%;
	}
	.pc_check {
		display: none;
	}
	.sp_check {
		display: block;
	}
	h4 {
		text-align: left;
	}
}

/* = max-width: 573px
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 573px) {
	#test2 .contents,
	#test3 .contents {
		padding: 14px 10px 0;
	}

	.checkbox_02 {
		width: 230px;
		margin: 0 auto;
	}
	#section-check-wrap > h3 > span{
		display: block;
	}
	#section-result .check_title {
		width: 100%;
		font-size: 2em;
		margin-top: 30px;
	}
	#section-result .check_title span {
		background: url(../images/bg_eye.png) 0 0 no-repeat;
		background-size: auto 60%;
		padding-left: 30px;
		margin-left: 10%;
		width: 80%;
	}
}

/* = max-width: 538px
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 538px) {
	#test2 .contents,
	#test3 .contents {
		padding: 14px 10px 0;
	}


}

/* = max-width: 480px
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	#mainContents section {
		padding: 14px 0;
	}
	#mainContents section header {
		height: 60px;
		margin: 0 10px 28px;
	}
	#mainContents section p {
		margin: 0 auto 28px;
	}
	#mainContents #test1 header {
		height: 65px;
		background-position: 0 20px;
	}
	#mainContents #test1 ul li {
		width: 100%;
	}
	#test2 .contents,
	#test3 .contents {
		padding: 14px 0 0;
	}
	#section-result h3 span {
		background-position: 0 6px;
		background-size: 40px auto;
		height: 35px;
		padding-left: 40px;
		width: 143px;
		font-size: 0.7em;
	}
	#section-result h4 {
		font-size: 1.2em;
	}
	.checkbox_01 li p{
		/*width:100%;*/
		font-size: 10px;
	}
	.checkbox_01 .checkbox_type1{
		line-height: 10px;
	}
	.checkbox_01 .checkbox_type1 span{
		margin-right: 2px;
		width: 10px;
		height: 10px;
		background-size: 10px 10px;
		float:left;
	}
	#section-check-wrap{
		padding:10px;
	}
	#section-result .check_title {
		width: 100%;
		font-size: 1.5em!important;
		margin-top: 30px;
	}
	#section-result .check_title span {
		background: url(../images/bg_eye.png) 0 0 no-repeat;
		background-size: auto 50%;
		padding-left: 30px;
		margin-left: 10%;
		width: 80%;
	}

}


/* = max-width: 360px
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 360px) {
	#print-box .p-btn {
		width: 100%;
	}
}