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

/* ============================
		Reset
 ============================ */

section .telphoneCall {
font-size: 2.8rem;
font-weight: bold;
margin-bottom: 0.5em;
line-height: 1.0em;
margin-left: 0.75em;
}

section .telphoneCall a {
font-size: 2.8rem;
font-weight: bold;
line-height: 1.0em;
}


section .contactTable {
border-collapse: collapse;
width: 100%;
margin-bottom: 2em;
}

section .contactTable th {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #eee;
padding: 10px 0;
text-align: center;
width: 7em;
line-height: 1.3em;
vertical-align: middle;
white-space: nowrap;
}

section .contactTable td {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
width: calc(100% - 7em);
line-height: 1.3em;
vertical-align: middle;
}

.contactSection .required {
display: inline-block;
font-size: 1.4rem;
font-weight: bold;
color: #fff;
line-height: 1.5em;
padding: 0em 0.5em;
background-color: #f00;
margin-left: 0.5em;
margin-top: 5px;
}

.contactSection .submit {
text-align: center;
}

.contactSection .privacyBlock a {
color: #00f;
text-decoration: underline;
margin: 0 0.25em;
}




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

	.contactSection .contactTable th {
	padding: 10px;
	}

}



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


select {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
appearance: none;
font-size:1.6rem;
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"] {
/*display:none;*/
border:none;
border-radius: 0;
-moz-appearance: none;
-webkit-box-sizing: none;
-webkit-appearance: none;
appearance: none;
padding: 10px;
background-image: url("../images/checkbox003.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: 18px auto;
cursor:pointer;
margin-right: 0.25em;
position: relative;
top: -1px !important;
}

input[type="checkbox"]:checked {
background:url("../images/checkbox003on-02.svg") no-repeat left center;
background-size: 18px auto;
cursor:pointer;
opacity: 1 !important;
top: -1px !important;
}


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("../images/checkbox002.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: 18px auto;
cursor:pointer;
margin-right: 0.25em;
position: relative;
top: -1px !important;
}


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


input[type="text"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.6rem;
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-family:-apple-system, "Helvetica Neue", HelveticaNeue, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;
font-size:1.6rem;
padding: 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1.5em;
width: 100% !important;
height: 130px !important;
box-sizing: border-box;
}

textarea::placeholder {
font-family:-apple-system, "Helvetica Neue", HelveticaNeue, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;
font-size: 1.6rem;
}

button[type="submit"],
input[type="submit"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:2.0rem;
font-weight: bold;
/*color: #fff;*/
padding: 0.5em 2em;
border: none;
border-radius: 10px;
line-height: 2em;
box-sizing: border-box;
background-color: #f80 !important;
color: #fff !important;
}

button[type="submit"]:hover,
input[type="submit"]:hover {
cursor: pointer;
opacity: 0.75;
}

label {
font-size: 1.6rem;
}


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

label {
font-size: 1.6rem;
}


}




/* ============================
		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) {
}