/* ==========================================================================
/* -- 画面の横幅が812pxまで
 ========================================================================== */
@media only screen and (max-width: 812px) {

	/*-----------------------------------------------------------------------------*/
	#inforwrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-color: #ecfcea;
		background-image: none;
	}

	.inforcopy {
		padding: 8.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}

	.inforcopy h2 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 86%;
		text-align: center;
		font-size: 4.0vw;
		line-height: 1.7;
		font-weight: bold;
		color: #00AF3F;
	}

	.inforcopy img {
		width: 100%;
	}

	.inforheadouter {
		display: flex;
		flex-direction: column;
		width: auto;
		margin-top: 3vw;
	}

	.inforheadwrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
	}

	.inforheadwrap.inforheadwrap-01 {
		background-image: url("../img/inforhead_back_sp.png");
		background-size: 100%;
	}

	.inforheadwrap.inforheadwrap-02 {
		background-image: url("../img/inforhead_back_02_sp.png");
		background-size: 70%;
	}

	.inforheadinwrap {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 0.0vw 0.0vw 0.0vw 0.0vw;
		width: 100%;
	}

	.inforhead {
		padding: 55.0vw 0.0vw 10.0vw 0.0vw;
		margin: 0.0vw auto 0.0vw;
		width: 86%;
	}

	.inforheadwrap.inforheadwrap-02 .inforhead {
		padding-top: 62vw;
	}

	.inforheadwrap h3 {
		padding: 0.0vw 0.0vw 0.0vw 4.0vw;
		margin: 0.0vw 0.0vw 0.0vw 0.0vw;
		width: 100%;
		text-align: center;
		font-size: 4.5vw;
		font-weight: bold;
		padding-bottom: 2vw;
		border-bottom: solid 2px #00AF3F;
	}

	.inforheadwrap dl {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 5.0vw 0.0vw 0.0vw 0.0vw;
		text-align: left;
		font-size: 4.2vw;
	}

	.inforheadwrap dl dt {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 0.0vw 0.0vw 2.0vw 0.0vw;
		font-weight: bold;
	}

	.inforheadwrap dl dd {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 0.0vw 0.0vw 2.0vw 0.0vw;
	}

	.setlist01 {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 0.0vw 0.0vw 0.0vw 0.0vw;
		float: inherit;
	}


	.setlist01_note {
		margin-top: 6vw;
		text-align: left;
		font-size: 2.7vw;
	}

	.point06_03 {
		padding: 0.0vw 0px 10.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 90%;
	}

	.point06_03 .tmnote {
		padding: 0px 0px 0.0vw 0px;
		margin: 0.0vw 0.0vw 0.0vw 0.0vw;
		font-size: 3.5vw;
		line-height: 1.4em;
		text-align: center;
	}

	.infogroup {
		margin-top: 5vw;
	}

	.infogroup p {
		font-size: 4.2vw;
		font-weight: bold;
		line-height: 1.7;
	}

	/*-----------------------------------------------------------------------------*/
	.inforoutwrap {
		padding: 5.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 8.0vw;
		width: 100%;
		background-color: #FFFFFF;
	}

	.inforwrap {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 86%;
	}

	.inforwrap img {
		width: 100%;
	}

	.inforwrap h3 {
		padding: 5.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 6.0vw;
		text-align: center;
		color: #03af6a;
		font-weight: bold;
	}

	.inforwrap hr {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 4.0vw 0px 8.0vw 0px;
		height: 4px;
		background-color: #03af6a;
		border: none;
	}

	.inforwrap .stitle01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 2.0vw 0px;
		font-size: 4.0vw;
		font-weight: bold;
	}

	.inforwrap .stitle01:before {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 0.0vw 1.0vw 0.0vw 0.0vw;
		content: '';
		/*何も入れない*/
		display: inline-block;
		/*忘れずに！*/
		width: 5.0vw;
		/*画像の幅*/
		height: 5.0vw;
		/*画像の高さ*/
		background-image: url("../img/sp_icon01.png");
		background-size: contain;
		vertical-align: middle;
		background-repeat: no-repeat;
	}

	.inforwrap .read01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 7.0vw 0px;
		font-size: 3.4vw;
		line-height: 1.8em;
	}

	.inforwrap .list01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 7.0vw 0px;
	}

	.inforwrap .list01 li {
		padding: 0.0em 1.5em 0px 1.0em;
		margin: 0px 0px 0px 0px;
		text-indent: -1.0em;
		font-size: 3.4vw;
		line-height: 1.8em;
		list-style: none;
		/*		list-style: disc;
		list-style-position: inside;*/
	}

	/*-----------------------------------------------------------------------------*/
	#questwrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-color: #ecfcea;
	}

	.questwrap {
		padding: 10.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 86%;
	}

	.questwrap img {
		width: 100%;
	}

	.questwrap h3 {
		padding: 5.0vw 0px 2.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 6.0vw;
		text-align: center;
		color: #03af6a;
		font-weight: bold;
	}

	.questwrap .note {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 4.0vw 0px;
		font-size: 3.4vw;
		text-align: center;
		color: #ff0000;
	}

	.questwrap hr {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 4.0vw 0px 8.0vw 0px;
		height: 4px;
		background-color: #03af6a;
		border: none;
	}

	.questwrap .stitle01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 2.0vw 0px;
		font-size: 4.0vw;
		line-height: 1.5em;
		font-weight: bold;
		text-indent: -1.8em;
		padding-left: 1.8em;
	}

	.questwrap .stitle01:before {
		padding: 0.0vw 0.0vw 0.0vw 0.0vw;
		margin: 0.0vw 1.0vw 0.0vw 0.0vw;
		content: '';
		/*何も入れない*/
		display: inline-block;
		/*忘れずに！*/
		width: 6.0vw;
		/*画像の幅*/
		height: 6.0vw;
		/*画像の高さ*/
		background-image: url("../img/sp_icon02.png");
		background-size: contain;
		vertical-align: middle;
		background-repeat: no-repeat;
	}

	.questwrap .stitle02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 20.0vw 0px;
		font-size: 4.0vw;
		line-height: 1.5em;
		font-weight: bold;
		text-align: center;
	}

	.questwrap .link_top {
		display: block;
		text-align: center;
		margin: 0px 0px 20vw 0px;
	}

	.questwrap .link_top img {
		width: 80vw;
	}

	.questwrap .link_top a:hover {
		opacity: 0.7;
	}

	.questwrap .read00 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 3.0vw 0px;
		font-size: 3.4vw;
		line-height: 1.8em;
		font-weight: bold;
		color: #466afe;
	}

	.questwrap .read01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 3.0vw 0px;
		font-size: 3.4vw;
		line-height: 1.8em;
		font-weight: bold;
	}

	.questwrap .read02 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 3.0vw 0px;
		font-size: 3.4vw;
		line-height: 1.8em;
	}

	.quest_block {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 5.0vw 0px;
	}

	.quest_block ul {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.quest_block ul li {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 1.0vw 0px;
		font-size: 3.4vw;
		line-height: 1.8em;
	}

	.quest_block p.quest01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 1.0vw 0px;
	}

	.quest_block p.quest01 span {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 1.0em 1.0vw 0px;
		font-size: 3.4vw;
		line-height: 1.8em;
	}

	.quest_block p.ans01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 1.0em 1.0vw 0px;
		font-size: 3.4vw;
		line-height: 1.8em;
	}

	.quest_block p.note01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 1.0em 1.0vw 0px;
		font-size: 3.4vw;
		line-height: 1.8em;
		color: #FF0000;
	}

	/*-------------------------------------------------------------------------------------*/
	.form_text01 {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		border: 1px solid rgba(153, 153, 153, 1.0);
		background-color: #FFFFFF;
		color: #000000;
		font-size: 16px;
		padding: 8px 8px 8px 8px;
		margin: 0px 20px 10px 0px;
		text-align: left;
	}

	.form_text01:focus {
		border: 1px solid rgba(153, 153, 153, 1.0);
		box-shadow: none;
		outline: none;
	}

	/*-----------------------------------------*/
	.form_w01 {
		width: 200px;
	}

	.form_w02 {
		width: 100px;
	}

	.form_w03 {
		width: 300px;
	}

	.form_w04 {
		width: 100%;
	}

	.form_w05 {
		width: 100%;
		height: 150px;
	}

	.form_w06 {
		width: 200px;
	}

	.form_w07 {
		width: 100%;
	}

	/*-----------------------------------------------------------------------------*/
	.quest_block input[type="radio"] {
		display: none;
	}

	.quest_block input[type="radio"]+span {
		display: inline-block;
		position: relative;
		padding: 0px 0.0em 0px 1.5em;
		margin: 0px 0.2em 0px;
		cursor: pointer;
	}

	.quest_block input[type="radio"]+span::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		background: #fff;
		border: 1px solid rgba(153, 153, 153, 1.0);
		border-radius: 50%;
		width: 1em;
		height: 1em;
		display: block;
	}

	.quest_block input[type="radio"]:checked+span::after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0.07em;
		transform: translateY(-50%);
		background: #466afe;
		border-radius: 50%;
		width: 0.85em;
		height: 0.85em;
		border: .2em solid #fff;
		display: block;
	}

	/*-----------------------------------------------------------------------------*/
	.quest_block input[type="checkbox"] {
		display: none;
	}

	.quest_block input[type="checkbox"]+span {
		display: inline-block;
		position: relative;
		padding: 0px 0.0em 0px 1.5em;
		margin: 0px 0.2em 0px;
		cursor: pointer;
	}

	.quest_block .line01 input[type="checkbox"]+span::before {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		background: #fff;
		border: 1px solid rgba(153, 153, 153, 1.0);
		/*		border-radius: 50%;*/
		width: 1em;
		height: 1em;
		display: block;
	}

	.quest_block .line01 input[type="checkbox"]:checked+span::after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0.07em;
		transform: translateY(-50%);
		background: #466afe;
		/*		border-radius: 50%;*/
		width: 0.85em;
		height: 0.85em;
		border: .2em solid #fff;
		display: block;
	}

	.quest_block .line02 input[type="checkbox"]+span::before {
		position: absolute;
		content: "";
		top: 25%;
		left: 0;
		transform: translateY(-50%);
		background: #fff;
		border: 1px solid rgba(153, 153, 153, 1.0);
		/*		border-radius: 50%;*/
		width: 1em;
		height: 1em;
		display: block;
	}

	.quest_block .line02 input[type="checkbox"]:checked+span::after {
		position: absolute;
		content: "";
		top: 25%;
		left: 0.07em;
		transform: translateY(-50%);
		background: #466afe;
		/*		border-radius: 50%;*/
		width: 0.85em;
		height: 0.85em;
		border: .2em solid #fff;
		display: block;
	}

	/*-----------------------------------------------------------------------------*/
	.submitwrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 10.0vw 0px 20.0vw 0px;
		width: 100%;
	}

	.submit01 {
		cursor: pointer;
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.submit01 p {
		padding: 5.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
		font-size: 5.0vw;
		border-radius: 100px;
		text-align: center;
		color: #FFFFFF;
		background-color: #03af6a;
	}

	.submit01 p:hover {
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		zoom: 1;
	}

	.submit02 {
		cursor: pointer;
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.submit02 p {
		padding: 5.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 48%;
		font-size: 5.0vw;
		border-radius: 100px;
		text-align: center;
		color: #FFFFFF;
		background-color: #03af6a;
	}

	.submit02 p:hover {
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		zoom: 1;
	}

	.submit03 {
		cursor: pointer;
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.submit03 p {
		padding: 5.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 48%;
		font-size: 5.0vw;
		border-radius: 100px;
		text-align: center;
		color: #FFFFFF;
		background-color: #ffbb05;
	}

	.submitsubmit0302 p:hover {
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		zoom: 1;
	}

	/*-----------------------------------------------------------------------------*/
	.thankswrap {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 10.0vw 0px 20.0vw 0px;
		width: 100%;
	}

	.thanksbtm01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
	}

	.thanksbtm01 p {
		padding: 5.0vw 0px 5.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
		font-size: 5.0vw;
		border-radius: 100px;
		text-align: center;
		color: #FFFFFF;
		background-color: #03af6a;
	}

	.thanksbtm01 p:hover {
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		zoom: 1;
	}

	/*-----------------------------------------------------------------------------*/
	.errorwrap .read01 {
		font-weight: normal;
	}

	.errorwrap .back-link {
		display: block;
		font-size: 4.2vw;
		font-weight: bold;
		margin-bottom: 15vw;
	}

	/*-----------------------------------------------------------------------------*/
	.cp_longlife {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}

	.cp_longlife img {
		width: 100%;
	}

	.cp_longlife h2 {
		padding: 2.0vw 0px 0.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
	}

	.cp_longlife .note01 {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 3.0vw 0px;
		font-size: 4.6vw;
		font-weight: bold;
		text-align: center;
	}

	.cp_longlife .note01 span {
		padding: 0px 1.0vw 0px 1.0vw;
		margin: 0px 0px 0px 0px;
		background: linear-gradient(transparent 60%, #6cf 60%);
	}
}