@charset "utf-8";
/***** /
input[type="checkbox"] { -webkit-appearance: none; }
input[type="checkbox"] {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 2px;
}
input[type="checkbox"]:not(:disabled) {
    background: #fff;
    border: solid 1px #767676;
}

input[type="checkbox"]:checked {
    background: #0075ff;  
}
input[type="checkbox"]:checked:before {
    display: block;
    font-size: 12px;
    color: #fff;
    margin-left: -4px;
    margin-top: -6px;
    vertical-align: top;
    content: "\2714";
}
input[type="checkbox"]:disabled {
    border-color: rgba(118, 118, 118, 0.3);
}
input[type="checkbox"]:checked:disabled {
    background: #cfcecd;
    border: none;
}
/*****/
input[type="checkbox"] {
	-webkit-appearance: none;
    display: inline-block;
	width: 12px;
	height: 12px;
	margin:0;
	padding:0;
	border-radius: 2px;
	color: #fff;
}
input[type="checkbox"]:not(:disabled) {
	background: #fff;
	border: solid 1px #767676;
}
input[type="checkbox"]:checked {
	background: #0075ff !important; 
	color: #fff;
	font-size: 10px!important;
}
input[type="checkbox"]:checked:disabled{
	background: #cfcecd !important;
}

input[type="checkbox"]:checked:disabled:before,
input[type="checkbox"]:checked:before {
    display: inline-block;
	margin-top:-3px;
	margin-left:-3px;
    font-size: 16px;
    color: #fff;
	font-weight:bold;
    vertical-align: top;
    content: "\2713";
}   
input[type="checkbox"]:disabled {
	border-color: rgba(118, 118, 118, 0.3);
}
input[type="checkbox"]:checked:disabled {
	background: #cfcecd;
}
/*****/
span.date{
    font-size: 1em;
    padding: 2px;
    margin-right: 5px;
}
input.month1{
    width: 30px;
}
input.day1{
    width: 30px;
}
input.month2{
    width: 30px;
}
input.day2{
    width: 30px;
}
img.ui-datepicker-trigger{
    display: none;
    margin: 3px;
    margin-right: 10px;
}
input[type="checkbox"] { -webkit-appearance: none; }
.contact table.form.lock .tabs li label,
.contact table.form .tabs.lock li label,
.lock input:not([name='inquiry_title[]']),
.lock select:not([name='inquiry_title[]']),
.lock textarea:not([name='inquiry_title[]']) { 
	user-select:none; 
	pointer-events: none;
	cursor: default;
    background-color: rgba(239, 239, 239, 0.3) !important;
    color: rgb(84, 84, 84) !important;
    border-color: rgba(118, 118, 118, 0.3);
}
/* ---------------------------------------------------------------------------------------------
base
--------------------------------------------------------------------------------------------- */
@media screen and (min-width:641px) {
    .w50{
        width:60px;
    }
    .w100{
        width: 130px;
    }
    .w200{
        width:200px;
    }
    .w400{
        width:400px;
    }
	/** 不要候補 * /
    input[type="checkbox"]:checked:before {
        display: block;
        font-size: 12px;
        color: #fff;
        margin-left: -4px;
        margin-top: -6px;
        vertical-align: top;
        content: "\2714";
    } 
	/***/
}

@media screen and (max-width:640px) {
    .w50{
        width:60px;
    }
    .w100{
        width: 130px;
    }
    .s-w48p{
        width:48%;
    }
    .s-w100p{
        width:100%;
    }
	/** 不要コメントアウト*** /
    input[type="checkbox"]:checked:before {
        display: block;
        font-size: 12px;
        color: #fff;
        margin-left: -6px;
        margin-top: -6px;
        vertical-align: top;
        content: "\2714";
    }
	/*****/
}

.ml5{
    margin-left: 5px;
}


/* ---------------------------------------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------------------------------------- */
/*.contact table.form*/
.contact table.form tr:first-child {
    border-top:1px solid #ccc;
}

.contact table.form th {
    padding:16px;
    font-weight: bold;
    vertical-align: middle;
    background: #F2EAD5;
    box-sizing: border-box;
    width:200px;
    border-right:none;
    vertical-align: top;
    font-size: 15px;
}

.contact table.form th .must {
    font-weight: 400;
    margin-left:10px;
}

.contact table.form th .must.non-active {
    display: none;
}

.contact table.form td {
	padding:16px;
    font-size: 16px;
    font-weight: bold;
}

.contact table.form td span {
	font-size: 16px;
    font-weight: bold;
}

.contact table.form td label{
    margin-right: 16px;
    /* font-size: 16px; */
    font-weight: bold;
}

.contacttag {
    font-size: 18px !important;
    font-weight: bold;
}

.contact table.form td label input[type="checkbox"]{
    margin-right: 4px;
    vertical-align: middle;
}

.contact table.form td label input[type="text"]{
    font-size: 14px;
}

.contact input[type="submit"]{
    appearance: none;
    -webkit-appearance:none ;
}

input::placeholder{
    font-family: Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color:#ccc;
}

.contact table.form input, .contact table.form select, .contact table.form textarea{
    font-family: Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 20px;
    box-sizing: border-box;
}

.contact table.form select{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding:2px 5px;
    background: #fff;
    color:#1a1a1a;
}

.mt5 {
    font-size: 16px;
    font-weight: bold;
}


@media screen and (max-width:640px) {
    .contact table.form tr:first-child{
        border: none;
    }
    .contact table.form th{
        width:100%;
        display: block;
        border-bottom: none;
        border-left:2px solid #ccc;
        padding: 8px 0 8px 8px;
    }
    .contact table.form td{
        width:auto;
        display: block;
        border-bottom: none;
        padding: 16px 0;
        margin-bottom: 16px;
    }
}

/*.contact table.form .documentTab*/
.contact table.form .tabs{
    display: flex;
    flex-wrap: wrap;
}

.contact table.form .tabs input[type="radio"]{
    display: none;
}

.contact table.form .tabs li{
    margin-right: 4px;
}

.contact table.form .tabs li label{
    display: block;
    border-radius: 5px;
    margin:0;
    padding: 8px 10px;
    min-width: 92px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    font-size: 14px;
    border: 1px solid #2FC3BA;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.contact table.form .tabs li label.active, .contact table.form .tabs li label:hover{
    background: #2FC3BA;
    color:#fff;
}

/*.contact table.form .documentBlock*/
.contact table.form .documentBlock{
    display: none;
}

.contact table.form .documentBlock.active{
    display: block;
}

.contact table.form .document_list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
}

.contact table.form .document_list label{
    width:calc(100% / 3);
    margin-right: 0;
    margin-bottom: 4px;
}

@media screen and (max-width:640px) {
    .contact table.form .document_list label{
        width:calc(100% / 2);
        margin-right: 0;
        margin-bottom: 4px;
    }
}

/*.contact table.form .visit_date*/
.contact table.form .visit_date{
    margin-top: 16px;
}

.contact table.form .visit_date input{
    margin-right: 0;
    margin-bottom: 8px;
}

/*.ui-datepicker*/
.ui-datepicker th{
    width:initial;
}

/* ---------------------------------------------------------------------------------------------
お問い合わせ　エラーメッセージ
--------------------------------------------------------------------------------------------- */
.contact table.form p.error{
    font-weight: bold;
    color:#D70000;
}