@charset "utf-8";
/* スマホ用スタイル */

.contact-inner p.errormsg{
	color: #E00;
	font-size: 17px;
	line-height: 1.8em;
	text-align: center;
	margin-bottom: 30px;
}

.contact-form .error{
	color: #E00;
	font-size: 13px;
	text-align: center;
	padding: 0.5em;
	border: 0px solid #E00;
	margin-bottom: 1em;
	background-color: #FF9;
	margin-top: 0.5em;
}

.confirm-flow dd{
padding: 0.75em;
background-color: #f9f9f9;
margin-bottom: 10px;
}
.confirm-flow_catalog dd{
padding: 0.75em;
background-color: #F8EBE8;
margin-bottom: 10px;
}

.contact-form .selectbox {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.contact-form .selectbox::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.contact-form .selectbox select {
    appearance: none;
    min-width: 230px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #929292;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 16px;
    cursor: pointer;
    margin-top: 5px;
}

.contact-form p.comment{
    font-size: 12px;
}

@media (min-width: 1000px) {
  /* pc用スタイル */
}

.contact-inner p.errormsg{
	color: #E00;
	font-size: 17px;
	text-align: center;
	margin-bottom: 30px;
}

.contact-form .error{
	color: #E00;
	font-size: 13px;
	text-align: center;
	padding: 0.5em;
	border: 0px solid #E00;
	margin-bottom: 1em;
	background-color: #FF9;
	margin-top: 1em;
}

.contact-form .datebox{
    /* [disabled]width: 15em; */
}

.confirm-flow dd{
padding: 0.75em;
background-color: #f9f9f9;
}

.confirm-flow_catalog dd{
padding: 0.75em;
background-color: #F8EBE8;
}