@charset "UTF-8";
/* CSS Document */



/* ============================
		form
 ============================ */


select {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
appearance: none;
font-size:1.4rem;
padding:10px 30px 10px 10px;
border:1px solid #ccc;
border-radius:0;
background-color: #fff;
background-image:url(../images/mark_down001.webp);
background-repeat:no-repeat;
background-position:right 12px center;
width: 100%;
box-sizing: border-box
}
select::-ms-expand {
display: none;
}


/*
checkbox / radioのコーディング例
<li><input type="radio" name="userConect" checked>メール</li>
<li><input type="radio" name="userConect">電話</li>
*/

input[type="checkbox"],
input[type="radio"] {
/*display:none;*/
border:none;
border-radius: 0;
-moz-appearance: none;
-webkit-box-sizing: none;
-webkit-appearance: none;
appearance: none;
padding: 10px;
background-image: url(../../../common/images/check001.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 13px auto;
cursor:pointer;
margin-right: 0em;
position: relative;
top: 4px;
}

input[type="checkbox"]:checked ,
input[type="radio"]:checked  {
background:url(../../../common/images/check001a.svg) no-repeat left center;
background-size: 13px auto;
cursor:pointer;
opacity: 1 !important;
}

input[type="checkbox"].plusOne {
background-image: url("../images/plus001.webp");
margin-left: 20px;
}

input[type="checkbox"].plusOne:checked {
background-image: url("../images/plus001a.webp");
}



input[type="text"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.4rem;
padding: 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1em;
width: 100%;
box-sizing: border-box;
}

textarea {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.4rem;
padding: 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1.5em;
width: 100%;
height: 130px;
box-sizing: border-box;
}

button[type="submit"],
input[type="submit"],
input[type="button"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.4rem;
padding: 15px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1em;
box-sizing: border-box;
width: 8em;
}

form .scrollBlock {
height: 6em;
border: 1px solid #ccc;
overflow-y: scroll;
padding: 1em;
}

form .body.withCheckbox {
line-height: 1.75em;
padding-left: 1.5em;
text-indent: -1.5em;
margin-bottom: 3em;
}


/* for PC */
@media screen and (min-width: 1201px) {

	form .body.withCheckbox {
	margin-left: 1em;
	padding-left: 2em;
	text-indent: -2em;
	margin-bottom: 5em;
	}

}



/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}