@charset "UTF-8";


/*===========================================

MAIN

===========================================*/

/* content0 */
@media screen and (min-width: 641px) { 
	.content0{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 10vw 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:6vw auto 4vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 1vw 0;
	}
	
	.content0 p{
		width: 100%;
		text-align: center;
		line-height: 2.2em;
		color: #000000;
		margin: 0;
		padding: 0;
	}
	
	.content0 .contenttitle3{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:6vw 0 1vw 0;
	}
	
	.content0 .phone{
		margin:1vw 0 0 0;
		padding:0;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
	}
	
	.content0 .phone ul{
		margin:0;
		padding:0;
		list-style:none;
		display: table;
		width: 100%;
	}
	
	.content0 .phone ul li{
		display:block;
		vertical-align: middle;
		text-align: center;
		padding:1.4vw 0 1.4vw 0;
	}
	
	.content0 .phone ul li:nth-child(odd){
		font-size:38px;
		font-weight:800;
		padding-bottom:0;
	}
	
	.content0 form{
		margin:1vw 0 4vw 0;
		padding:0;
		border-top: 1px solid #666;
	}
	
	.content0 form ul{
		margin:0;
		padding:0;
		list-style:none;
		display: table;
		width: 100%;
	}
	
	.content0 form ul li{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		border-bottom: 1px solid #666;
		padding:1.4vw 0 1.4vw 0;
	}
	
	.content0 form ul li:nth-child(odd){
		width:40%;
		margin:0;
		text-align:left;
		padding-left:1vw;
		position:relative;
	}
	
	.content0 form ul li:nth-child(odd) .require{
		position:relative;
		right:30px;
		padding:5px 10px;
		font-size:10px;
		top:0;
		float:right;
	}
	.content0 form ul li:nth-child(odd) .requireon{
		background-color:#f4c21c;
	}
	.content0 form ul li:nth-child(odd) .requireoff{
		background-color:#ccc;
	}
	
	.content0 form ul li:nth-child(even){
		width:60%;
		margin:0;
		text-align:left;
		padding-right:1vw;
		position:relative;
	}
	
	.content0 form ul li input,.content0 form ul li textarea{
		width:100%;
		padding:10px;
	}
	
	.content0 form ul li input,.content0 form ul li textarea{
		background-color:#F4F4F4;
		border:solid 1px #ccc;
	}
	.content0 form ul li textarea{
		resize: vertical;
	}
	.content0 form ul li .error{
		background-color:#FFF2F2;
		border:solid 1px #FF8E90;
	}
	
	.content0 form ul li .errortxt{
		position:absolute;
		bottom:0.2vw;
		left:0;
		font-size:10px;
		color:red;
		display:none;
	}
	
	.content0 .sendlink{
		position:relative;
		display:inline-block;
		width:31.333333333%;
		margin:0 10px 5vw 10px;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:1.5vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content0 .sendlink span{
		position:relative;
		z-index:1000;
	}
	
	.content0 .sendlink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:3vw;
		margin:auto;
	}
	
	.content0 .policy{
		width:90%;
		background-color:#F4F4F4;
		padding:2.5vw 0 2.0vw 0;
		margin:0 auto 4vw auto;
	}
	
	.content0 .policy p{
		width:90%;
		padding:0;
		margin:0 auto;
		text-align:left;
	}
	
	.content0 .policy h3{
		padding:0 0 1.5vw 0;
		margin:0 auto;
	}
	
	.content0 .policycheck{
		width:90%;
		margin:0 auto;
		text-align:center!important;
	}
	
	input[type=checkbox] {
		display: none;
	}
	
	.checkbox {
		box-sizing: border-box;
		-webkit-transition: background-color 0.2s linear;
		transition: background-color 0.2s linear;
		position: relative;
		display: inline-block;
		margin: 0 20px 8px 0;
		padding: 12px 12px 12px 42px;
		border-radius: 8px;
		vertical-align: middle;
		cursor: pointer;
	}
	
	.checkbox:hover {
		background-color: #ccc;
		color:#fff;
	}
	
	.checkbox:hover:before {
		border-color: #f4c21c;
	}
	
	.checkbox.error {
		background-color:#FFF2F2;
		color:red;
	}
	
	.checkbox.error{
		outline:solid 2px #FF8E90;
	}
	
	.checkbox:before {
		-webkit-transition: border-color 0.2s linear;
		transition: border-color 0.2s linear;
		position: absolute;
		top: 50%;
		left: 15px;
		display: block;
		margin-top: -11px;
		width: 20px;
		height: 20px;
		background-color:#fff;
		border: 2px solid #bbb;
		border-radius: 6px;
		content: '';
	}
	
	.checkbox:after {
		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
		position: absolute;
		top: 50%;
		left: 23px;
		display: block;
		margin-top: -7px;
		width: 5px;
		height: 11px;
		border-right: 3px solid #f4c21c;
		border-bottom: 3px solid #f4c21c;
		content: '';
		opacity: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	input[type=checkbox]:checked + .checkbox:after {
		opacity: 1;
	}

	.endmessage{
		margin:0 0 4vw 0!important;
	}
	.forminfotxt{
		font-size:10px!important;
		color:red;
	}
}

@media screen and (max-width: 640px) {
	
	.content0{
		width:85%;
		margin:0 auto 0 auto;
		padding:0 0 15vw 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:15vw auto 17vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 2vw 0;
	}
	
	.content0 p{
		width: 100%;
		text-align: center;
		line-height: 2.2em;
		color: #000000;
		margin: 0;
		padding: 0;
	}
	
	.readtxt{
		text-align:left!important;
	}
	
	.content0 .contenttitle3{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:9vw 0 1vw 0;
	}
	
	.content0 .phone{
		margin:1vw 0 0 0;
		padding:0 0 5vw 0;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
	}
	
	.content0 .phone ul{
		margin:0;
		padding:0;
		list-style:none;
		display: table;
		width: 100%;
	}
	
	.content0 .phone ul li{
		display:block;
		vertical-align: middle;
		text-align: center;
		padding:1.4vw 0 1.4vw 0;
	}
	
	.content0 .phone ul li:nth-child(odd){
		font-weight:800;
		padding-bottom:0;
	}
	
	.phonenum{
		font-size:42px!important;
	}
	
	.content0 form{
		margin:1vw 0 4vw 0;
		padding:0;
		border-bottom: 1px solid #666;
	}
	
	.content0 form ul{
		margin:0;
		padding:0;
		list-style:none;
		display: table;
		width: 100%;
	}
	
	.content0 form ul:first-child{
		border-top: 1px solid #666;
	}

	.content0 form ul li{
		display: block;
		text-align: center!important;
		padding:5vw 0 5vw 0;
	}
	
	.content0 form ul li:nth-child(odd){
		width:100%;
		margin:0;
		position:relative;
		text-align:center;
		padding-bottom:0.5vw;
		border-top: 1px dotted #666;
	}
	
	.content0 form ul:first-child li{
		border-top:none;
		border-bottom:none;
	}
	
	.content0 form ul li:nth-child(odd) .require{
		width:15%;
		display:block;
		position:relative;
		padding:5px 10px;
		font-size:10px;
		margin:0.3vw auto 0 auto;
		top:0;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	.content0 form ul li:nth-child(odd) .requireon{
		background-color:#f4c21c;
	}
	.content0 form ul li:nth-child(odd) .requireoff{
		background-color:#ccc;
	}
	
	.content0 form ul li:nth-child(even){
		width:100%;
		margin:0;
		text-align:left;
		padding-right:1vw;
		position:relative;
		padding-top:2vw;
		padding-bottom:5vw;
		
	}
	
	.content0 form ul li input,.content0 form ul li textarea{
		width:95%;
		padding:10px;
		margin:0 auto;
		font-size:28px!important;
	}
	
	.content0 form ul li input,.content0 form ul li textarea{
		background-color:#F4F4F4;
		border:solid 1px #ccc;
	}
	.content0 form ul li textarea{
		resize: vertical;
	}
	.content0 form ul li .error{
		background-color:#FFF2F2;
		border:solid 1px #FF8E90;
	}
	
	.content0 form ul li .errortxt{
		position:absolute;
		bottom:1vw;
		left:0;
		font-size:10px;
		color:red;
		display:none;
	}
	
	.content0 .sendlink{
		position:relative;
		display:inline-block;
		width:31.333333333%;
		margin:0 10px 5vw 10px;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:1.5vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content0 .sendlink span{
		position:relative;
		z-index:1000;
	}
	
	.content0 .sendlink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:3vw;
		margin:auto;
	}
	
	.content0 .policy{
		width:100%;
		background-color:#F4F4F4;
		padding:2.5vw 0 2.0vw 0;
		margin:0 auto 4vw auto;
	}
	
	.content0 .policy p{
		width:90%;
		padding:0;
		margin:0 auto;
		text-align:left;
	}
	
	.content0 .policy h3{
		padding:0 0 1.5vw 0;
		margin:0 auto;
	}
	
	.content0 .policycheck{
		width:90%;
		margin:0 auto;
		text-align:center!important;
	}
	
	input[type=checkbox] {
		display: none;
	}
	
	.checkbox {
		box-sizing: border-box;
		-webkit-transition: background-color 0.2s linear;
		transition: background-color 0.2s linear;
		position: relative;
		display: inline-block;
		margin: 0 20px 8px 0;
		padding: 12px 12px 12px 42px;
		border-radius: 8px;
		vertical-align: middle;
		cursor: pointer;
	}
	
	.checkbox:hover {
		background-color: #ccc;
		color:#fff;
	}
	
	.checkbox:hover:before {
		border-color: #f4c21c;
	}
	
	.checkbox.error {
		background-color:#FFF2F2;
		color:red;
	}
	
	.checkbox.error{
		outline:solid 2px #FF8E90;
	}
	
	.checkbox:before {
		-webkit-transition: border-color 0.2s linear;
		transition: border-color 0.2s linear;
		position: absolute;
		top: 50%;
		left: 15px;
		display: block;
		margin-top: -11px;
		width: 20px;
		height: 20px;
		background-color:#fff;
		border: 2px solid #bbb;
		border-radius: 6px;
		content: '';
	}
	
	.checkbox:after {
		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
		position: absolute;
		top: 50%;
		left: 23px;
		display: block;
		margin-top: -7px;
		width: 5px;
		height: 11px;
		border-right: 3px solid #f4c21c;
		border-bottom: 3px solid #f4c21c;
		content: '';
		opacity: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	input[type=checkbox]:checked + .checkbox:after {
		opacity: 1;
	}

	.endmessage{
		margin:0 0 4vw 0!important;
	}
	
	.forminfotxt{
		display:block;
		font-size:10px!important;
		color:red;
		margin:0 0 5px 0;
	}
}
/* content0 */