@charset "utf-8";
html {
    color: #000;
}

label.error:before {
    border: 1px solid #f03;
}
label.error {
    background: #f8e2e2;
}
input[type="text"].error, input[type="email"].error, input[type="tel"].error, input[type="number"].error, input[type="url"].error, textarea.error {
    border: 1px solid #f03;
    background: #f8e2e2;
}
input.error:focus, textarea.error:focus {
    border: 1px solid #f03;
    background: #f8e2e2;
}
select.error {
    background: #f8e2e2;
    border: 1px solid #f03;
}
input[type="file"].error {
    background: #f8e2e2;
}

p.error{
    text-align:center;
}

/*180116*/
form span{
	    background:#003399;
	    padding: 3px;
	    color:#fff;
	    font-size:13px;
	    margin-right: 8px;
	    border-radius: 8px;
	    border-radius: 7px;
}

form ul li:first-child{
	font-weight:700;
	line-height: 1.8;
}

form  ul li:last-child{
	line-height: 1.6;
	margin-top: 6px;
}

.notice {
	font-size:10px;
	line-height: 1.4;
	font-weight: 400;
}

.notice a{
	color:#f4d400;
	text-decoration: underline;
}

div.thanks{
    /* color: #1f211f; */
}

div.thanks p.backtop a{
	line-height: 1.0;
	background:#003399;
	display:block;
	color:#fff;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
    border-radius: 30px;
}

@media print, screen and (min-width: 939px)
{
		form ul{
		display:table;
		width:100%;
		/* border-bottom:1px dotted #ccc; */
		padding: 7px 0;
		/* text-align: left; */
	}

	form ul li{
		display:table-cell;
		vertical-align: top;
	}

	form ul{
		padding-top:5px;
	}

}

@media print, screen and (min-width: 768px)
{

	.formarea{
		margin: 0px auto;
		box-sizing: border-box;
		padding: 10px 49px 0px;
		width: 860px;
		margin: 0 auto 9px;
		text-align: left;
		color: #000000;
		background-color: #cfe5fd;
		/* border: solid #fff 1px; */
		/* position:relative; */
	}

	.formarea ul li{
		padding:0;
		width:initial;
	}

	.formarea p{
		/* font-size: 18px; */
		/* margin-bottom: 20px; */
		padding-bottom: 30px;
		margin-top: 10px;
	}

	.formarea .f22{
		font-weight:bold;
	}

	.formarea .formtext{
		text-align:center;
	}

	.formarea ul li:first-child{
		width: 330px;
		font-size: 18px;
	}

	.notice {
		padding:10px 0;
		border:none;
	}

input[type="radio"],input[type="checkbox"]{
    vertical-align: top;
    position: relative;
    top:5px;
    bottom:0;
    left:0px;
    margin:auto 0;
}
input[type="text"]{
    width: 100%;
    /* text-align: left; */
    height: 35px;
     background: #FFFFE5;
}
input[type="number"]{
    height: 30px;
}
select {
    height: 40px;
    background: #FFFFE5;
}
input[type="number"].zip, input[type="number"].telno {
    width: 80px;
    background: #FFFFE5;
}
textarea{
    width:100%;
    background: #FFFFE5;
}
input[type="text"].zip,input[type="text"].telno{
    width:80px;
}
p.subBox{
    text-align: center;
}

input[type="image"]{
    width: 100%;
    margin: 0 auto;
}
label.error:before {
    border: 1px solid #f03;
}
label.error {
    background: #f8e2e2;
}
input[type="text"].error, input[type="email"].error, input[type="tel"].error, input[type="number"].error, input[type="url"].error, textarea.error {
    border: 1px solid #f03;
    background: #f8e2e2;
}
input.error:focus, textarea.error:focus {
    border: 1px solid #f03;
    background: #f8e2e2;
}
select.error {
    background: #f8e2e2;
    border: 1px solid #f03;
}
input[type="file"].error {
    background: #f8e2e2;
}
p.error{
    text-align:center;
    margin-top: 10px;
}


.cd-scrolling-bg03 {
	/*min-height: 100%;*/
	background:#f7073f;
	/* background-position:center top; */
	/* background-repeat:repeat; */
	/* background-size: 2000px; */
	/* margin: 32px auto; */
	padding-bottom: 30px;
}

	div.thanks{
		padding:10px 0 50px;
		box-sizing: border-box;
		/* color: #1f211f; */
	}

	div.thanks p{
		position:relative;
		text-align: center;
	}

	div.thanks p.thanks{
		font-size:36px;
	}

	div.thanks p.backtop{
		margin:100px auto 0;
		width:400px;
	}

	div.thanks p.backtop a{
		padding:10px 0;
		font-size:24px;
	}



    input[type="radio"],input[type="checkbox"]{
        vertical-align: top;
        margin:3px 3px 0 0;
    }

    input[type="text"]{
        width: 412px;
    }

	input[type="number"].zip, input[type="number"].telno {
		width: 80px;
	}

    textarea{
        width: 426px;
        height:8em;
	}

    textarea.long{
        height:13em;
    }

    textarea.short{
        height:1.5em;
    }

    input[type="text"].zip,input[type="text"].telno{
        width:80px;
    }

    input[type="image"]{
        width:280px;
        margin:45px auto 0;
        display: block;
    }

    input[type="image"]:hover{
        opacity: 0.8;
		cursor: pointer;
    }

.gaiyou{
	width: 860px;
	margin: 10px auto;
	columns: #000000;;
	padding:40px 0;
	font-weight: 400;
	font-size:12px;
	text-align:left;
}


.cd-scrolling-bg02 {
	padding-bottom: 30px;
	/* margin-top: 170px; */
}

.cd-scrolling-bg02 .text02{
	/* margin-top: 9px; */
	/* font-size: 24px; */
	/* margin-bottom: 30px; */
}

}
/* RESPONSIVE TABLET---------------------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 939px) {

.cd-scrolling-bg02 {
	margin-top:0;
}

    .formarea .border{
	border: solid 1px #69f494;
	position:absolute;
	top: -1px;
	/* z-index: 10; */
	width: 60%;
	right: 20%;
	}
	.formarea{
	   width:95%;
	   margin: 0px auto;
	   box-sizing: border-box;
	   padding: 15px 33px 0px;
	   border-radius: 32px;
	   margin: 9px auto;
	   color: #000000;
	   text-align: left;
	}

.gaiyou{
	/* color:#1f211f; */
	font-size:13px;
	width:95%;
	margin:0 auto;
	font-weight: 400;
	text-align: left;
	padding:20px 0 40px;
}

.cd-scrolling-bg02 article{
	width: 100%;
	margin: 0 auto;
	color:#1f211f;
	padding:0;
	font-weight: 400;
    font-size: 1.2em;
}

.cd-scrolling-bg02 article p{
	width:95%;
	margin:0 auto;
}

.cd-scrolling-bg03 {
	/*min-height: 100%;*/
	background:#f7073f;
	/* background-position:center top; */
	/* background-repeat:repeat; */
	/* background-size: 2000px; */
	/* margin: 32px auto; */
	padding-bottom: 30px;
	margin-top: -8px;
}

.formarea .text{
	  position:absolute;
	  width: 49%;
	  top: -4%;
	  /* right: 213px; */
	  right: 25%;
	}
	div.thanks{
		padding:10px 10px 50px;
		box-sizing: border-box;
		/* color: #1f211f; */
	}

	div.thanks p{
		text-align: center;
	}

	div.thanks p.thanks{
		font-size:20px;
		padding-top: 30px;
	}

	div.thanks p.backtop{
		margin:50px auto 0;
	}

	div.thanks p.backtop a{
		padding:10px 0;
		font-size:16px;
	}

	.quiz{
		padding: 30px 10px 30px;
	}

	form{
		padding: 0;
		width: 95%;
	}

	form p{
		padding: 0;
	}

	form p.subBox{
		padding: 23px 0 28px;
		margin: 0 auto;
		text-align: center;
	}

	form ul{
		padding:5px 0;
		margin: 10px auto;
	}

	form ul li{
		padding:0 0 3px;
	}

    input[type="text"]{
        width:70%;
    }

    input[type="number"].zip,input[type="number"].telno{
        width:25%;
    }

    label{
        display:block;
        margin-bottom:3px;
    }

    textarea{
        width:95%;
        height:8em;
    }

    input[type="image"]{
        width: 39%;
        margin:0 auto;
        border-radius: 0;
    }


input[type="radio"],input[type="checkbox"]{
    vertical-align: top;
    position: relative;
    top:5px;
    bottom:0;
    left:0px;
    margin:auto 0;
}
input[type="text"]{
    width: 100%;
    /* text-align: left; */
    height: 35px;
    background: #FFFFE5;
    /* margin-top: 6px; */
}
input[type="number"]{
    height: 30px;
}
select {
    height: 40px;
    background: #FFFFE5;
}
input[type="number"].zip, input[type="number"].telno {
    width: 70px;
    background: #FFFFE5;
}
textarea{
    width:100%;
    background: #FFFFE5;
}
input[type="text"].zip,input[type="text"].telno{
    width:80px;
}

}


@media screen and (max-width: 768px)
{
	.formarea{
		padding: 23px 10px 20px;
	}
	.formarea{
	   width: 96%;
	   margin: 0px auto;
	   box-sizing: border-box;
	   padding: 12px 16px 26px;
	   border-radius: 32px;
	   /* border: solid #fff 1px; */
	   color: #000000;
	   text-align: left;
	   /* position:relative; */
	}

.formarea .text{
	  position:absolute;
	  width: 69%;
	  /* top: -4%; */
	  right: 213px;
	  right: 15%;
	  /* position: relative; */
	  top: -2.5%;
	}

.formarea .f_te{
	top: -12.5%;
}

    .formarea .border{
	border: solid 1px #69f494;
	position:absolute;
	top: -1px;
	/* z-index: 10; */
	width: 76%;
	right: 12%;
	}

.gaiyou{
	columns: #000000;
	font-size:13px;
	width:95%;
	margin:0 auto;
	font-weight: 400;
	text-align: left;
	padding:20px 0 40px;
}

.cd-scrolling-bg02 article{
	width: 100%;
	margin: 0;
	color:#1f211f;
	padding:0;
	font-weight: 400;
    font-size: 1.2em;
}

.cd-scrolling-bg02 article p{
	width:95%;
	margin:0 auto;
}

.cd-scrolling-bg03 {
	/*min-height: 100%;*/
	background:#f7073f;
	/* background-position:center top; */
	/* background-repeat:repeat; */
	/* background-size: 2000px; */
	/* margin: 32px auto; */
	padding-bottom: 30px;
	margin-top: -8px;
}

	div.thanks{
		padding: 44px 11px 50px;
		box-sizing: border-box;
		/* color: #1f211f; */
	}

	div.thanks p{
		text-align: center;
	}

	div.thanks p.thanks{
		font-size:20px;
	}

	div.thanks p.backtop{
		margin:50px auto 0;
	}

	div.thanks p.backtop a{
		padding:10px 0;
		font-size:16px;
	}

	.quiz{
		padding: 30px 10px 30px;
	}

	form{
		padding: 0;
		width: 95%;
	}

	.formarea .formtext{
		text-align:center;
	}

	form p{
		padding: 0;
	}

	form p.subBox{
		padding: 23px 0 28px;
		margin: 0 auto;
		text-align: center;
	}

	form ul{
		padding:5px 0;
		margin: 10px auto;
	}

	form ul li{
		padding:0 0 3px;
	}

    input[type="text"]{
        width:70%;
    }

    input[type="number"].zip,input[type="number"].telno{
        width:25%;
    }

    label{
        display:block;
        margin-bottom:3px;
    }

    textarea{
        width:95%;
        height:8em;
	}

    input[type="image"]{
        width: 50%;
        margin:0 auto;
        border-radius: 0;
    }

	.formarea .f22{
		font-weight:bold;
	}
input[type="radio"],input[type="checkbox"]{
    vertical-align: top;
    position: relative;
    top:5px;
    bottom:0;
    left:0px;
    margin:auto 0;
}
input[type="text"]{
    width: 100%;
    /* text-align: left; */
    height: 35px;
    background: #FFFFE5;
    /* margin-top: 6px; */
}
input[type="number"]{
    height: 30px;
}
select {
    height: 40px;
    background: #FFFFE5;
}
input[type="number"].zip, input[type="number"].telno {
    width: 70px;
    background: #FFFFE5;
}
textarea{
    width:100%;
    background: #FFFFE5;
}
input[type="text"].zip,input[type="text"].telno{
    width:80px;
}



}

@media screen and (min-width: 600px) and (max-width: 768px) {

.formarea .text{
	  position:absolute;
	  width: 69%;
	  /* top: -4%; */
	  right: 213px;
	  right: 17%;
	  /* position: relative; */
	  top: -4%;
	}

    .formarea .border{
	border: solid 1px #69f494;
	position:absolute;
	top: -1px;
	/* z-index: 10; */
	width: 80%;
	right: 10%;
	}
}

@media screen and (max-width: 768px){
	.formarea ul li:first-child{
		width: 100%;
		font-size: 4.5vw;
	}
}