@charset "utf-8";
/* CSS Document */
.align-center {
        text-align: center;
        font-size: 100% !important;
        margin-bottom: 2%;
}
@media screen and (min-width: 768px) {
.contact-page .contact-container{
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.contact-page .contact-container{
    width: 94%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}	
}
@media screen and (min-width: 800px) {
.hissu{
color:#fff;
font-size: 7pt;
padding-top: 0;
padding-bottom: 0;
background:#B70000;
display:block;
float:right;
width:45px;
text-align: center;
border-radius: 4px;
}
.pcNone{
display:none;
}
.table-box {
	margin: 0 auto;
	border: 40px solid #497BBF;
	width: 92%;
    max-width:1075px;
}
.table-form tr{
border-bottom:1px solid #242c69!important;
}
.table-form th {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 35%;
    background-color: #fff;
    color: #242c69;
    font-size: 100%;
    vertical-align: middle;
    text-align: left;
    line-height: 1.5em;
    font-weight: lighter;
}

.table-form td {
    width: 65%;
    background-color: #fff;
    padding: 1em;
    font-size: 100%;
    line-height: 1.5em;
    font-weight: lighter;
}

.table-form td input,
.table-form td textarea,
.table-form td select,
.table-form .mwform-radio-field-text,
.table-form .mwform-checkbox-field-text {
    font-size: 100%;
}

.form-hosoku {
    display: block;
    margin-top: .5em;
    color: #ca5b89;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2em;
}

input::-webkit-input-placeholder {
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-moz-placeholder {
    color: #999;
}

.table-form input[type="submit"] {
    padding: .5em 2em;
    background-color: #d9e9fb;
    border: 1px solid #999;
    text-align: center;
}

#contact_form .confbtn {
	letter-spacing: 0.05em;
	margin-top: 3%;
    margin-bottom: 3%;
	margin-left: .8em;
	margin-right: .8em;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #E12E64;
	background-color: #E12E64;
	font-size: 100%;
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 100%;
	font-weight: lighter;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #fff;
}

#contact_form .confbtn:hover {
    opacity: 0.7 !important;
}

#contact_form .backbtn {
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: .8em;
    margin-right: .8em;
    padding: 0.5em 1em 0.5em 1em;
    border: 1px dotted #E12E64;
    background-color: #fff;
    color: #aa1f24;
    font-size: 100%;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

#contact_form .backbtn:hover {
    margin-top: 3%;
    margin-left: .8em;
    margin-right: .8em;
    border: 1px solid #E12E64;
    background-color: #E12E64;
    color: #fff !important;
    font-size: 100%;
    letter-spacing: 2px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    -webkit-appearance: none;
}

    #contact_form .confbtn {
        width: 220px;
    }

    #contact_form .backbtn {
        width: 220px;
    }
    select {
        /* 矢印カスタマイズに重要 */
        width: 50% !important;
        border-radius: 3px !important;
        border: 1px solid rgba(214,214,214,1.00) !important;
        color: #222;
        background-color: #F0F0F0;
        padding-top: 3%;
        padding-bottom: 3%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .select-wrap {
        position: relative !important;
    }

    .select-wrap:before {
        position: absolute !important;
        left: 45% !important;
        top: 56% !important;
        content: '▼' !important;
        margin-top: -13px !important;
        pointer-events: none !important;
        z-index: 1 !important;
        color: #78BDF1 !important;
    }

    .select-wrap_02 {
        position: relative !important;
    }

    .select-wrap_02:before {
        position: absolute !important;
        left: 45% !important;
        top: 54% !important;
        content: '▼' !important;
        margin-top: -50px !important;
        pointer-events: none !important;
        z-index: 1 !important;
        color: #78BDF1 !important;
    }

    .table-form {
        margin: 0 auto;
        width: 80%;
        border: 30px solid #ffffff;
        padding: 0 20px;
    }

    #contact_form .table-form tbody tr .not_radio_03 input {
        border: 1px solid rgba(214,214,214,1.00);
        padding: 5px;
        color: #000;
        border-radius: 3px;
        transition: all 0.3s ease 0s;
        margin: 0 5px 0 0;
        background: #ffffff;
        width: 20%;
    }

    #contact_form .table-form tbody tr .not_radio input {
        border: 1px solid rgba(214,214,214,1.00);
        padding: 15px;
        color: #000;
        border-radius: 3px;
        transition: all 0.3s ease 0s;
        margin: 0 auto 0 auto;
        background: #ffffff;
        width: 100%;
    }

    #contact_form .table-form tbody tr td textarea {
        border: 1px solid rgba(214,214,214,1.00);
        padding: 5px;
        color: #000;
        border-radius: 3px;
        transition: all 0.3s ease 0s;
        margin: 0 auto 0 auto;
        background: #ffffff;
        width: 100%;
    }

    #contact_form_box {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    #contact_form .container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #contact_form .container #align {
        text-align: center;
    }

    #contact_form #description {
        text-align: center;
        padding-bottom: 30px;
        line-height: 1.6em;
        font-size: 16px;
    }

    .address_small {
        font-size: 13px !important;
    }

    .pd_mg {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    #contact_form .table-form td .sp_left {
        text-align: left !important;
        display: block;
        line-height: 1.5em;
        padding-left: 1em;
        padding-right: 1em;
        font-size: 100%;
    }

    #contact_form .table-form .sp_left_02 {
        font-size: 100%;
    }
}




@media screen and (max-width: 799px) {
.hissu{
color:#fff;
font-size: 8pt;
padding-top: 5px;
padding-bottom: 5px;
background:#B70000;
display:block;
width:45px;
text-align: center;
border-radius: 4px;
position: absolute;
left:5px;
top:5px;
}
.table-form input[type="submit"] {
    padding: .5em 2em;
    background-color: #d9e9fb;
    border: 1px solid #999;
    text-align: center;
}

#contact_form .confbtn {
	letter-spacing: 0.05em;
	margin-top: 3%;
	margin-left: .8em;
	margin-right: .8em;
	padding: 0.7em 1em 0.7em 1em;
	border: 1px solid #E12E64;
	background-color: #E12E64;
	font-size: 80%;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #fff;
}

#contact_form .confbtn:hover {
    opacity: 0.7 !important;
}

#contact_form .backbtn {
    margin-top: 3%;
    margin-left: .8em;
    margin-right: .8em;
    padding: 0.7em 1em 0.7em 1em;
    border: 1px dotted #E12E64;
    background-color: #fff;
    color: #E12E64;
    font-size: 80%;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

#contact_form .backbtn:hover {
    margin-top: 3%;
    margin-left: .8em;
    margin-right: .8em;
    border: 1px solid #E12E64;
    background-color: #E12E64;
    color: #fff !important;
    font-size: 80%;
    letter-spacing: 2px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    -webkit-appearance: none;
}

#contact_form .confbtn {
 width: 140px;
 display: inline-block;
}

#contact_form .backbtn {
  width: 140px;
  display: inline-block;
}

.table-box {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 1em;
}
.table-form tr {
        border-bottom: none;
}
.table-form th {
        display: block;
        width: 100%;
        background-color: #497BBF;
        font-size: 18px;
        text-align: center;
        font-size: 14px !important;
		padding-top:2%;
		padding-bottom:2%;
        color:#fff;
        position: relative;
}
.table-form th {
		border:1px solid #497BBF;
}
.table-form td {
        display: block;
        width: 96%;
        padding: 4% 2%;
        font-size_: calc(19 / 640 * 100vw);
		border:1px solid #497BBF;
}

.table-form td input,
.table-form td textarea,
.table-form td select {
        font-size: 18px;
        width: 94%;
}
.table-form .mwform-radio-field-text,
.table-form .mwform-checkbox-field-text {
        font-size: 18px;
}

#contact_form .table-form tbody tr .not_radio input {
        border: 1px solid rgba(214,214,214,1.00);
        padding: 18px;
        color: #000;
        border-radius: 3px;
        transition: all 0.3s ease 0s;
        margin: 0 auto 0 auto;
        background: #ffffff;
        width: 90%;
    }

#contact_form .table-form tbody tr td textarea {
        border: 1px solid rgba(214,214,214,1.00);
        padding: 5px;
        color: #000;
        border-radius: 3px;
        transition: all 0.3s ease 0s;
        margin: 0 auto 0 auto;
        background: #ffffff;
        width: 90%;
    }

#contact_form .container .table-form tbody tr td {
        background: #ffffff;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #contact_form .table-form th,
    #contact_form .table-form td {
        display: block;
        text-align: center;
		margin-top: -2px;
    }

    #contact_form .table-form td .sp_left {
        text-align: left;
        display_: block;
        line-height: 1.5em;
        padding-left: 1em;
        padding-right: 1em;
        font-size: 18px;
    }

    #contact_form .table-form .sp_left_02 {
        font-size: 14px;
    }

    #contact_form .container #align {
        text-align: left !important;
    }

    #contact_form #description {
        text-align: left;
        padding-bottom: 30px;
        line-height: 1.5em;
        font-size: 90%;
    }
	select {
        /* 矢印カスタマイズに重要 */
        width: 100% !important;
        border-radius: 3px !important;
        border: 1px solid rgba(214,214,214,1.00) !important;
        color: #222;
        background-color: #F0F0F0;
        padding-top: 3%;
        padding-bottom: 3%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .select-wrap {
        position: relative !important;
    }

    .select-wrap:before {
        position: absolute !important;
        left: 45% !important;
        top: 56% !important;
        content: '▼' !important;
        margin-top: -13px !important;
        pointer-events: none !important;
        z-index: 1 !important;
        color: #78BDF1 !important;
    }

    .select-wrap_02 {
        position: relative !important;
    }

    .select-wrap_02:before {
        position: absolute !important;
        left: 45% !important;
        top: 54% !important;
        content: '▼' !important;
        margin-top: -50px !important;
        pointer-events: none !important;
        z-index: 1 !important;
        color: #78BDF1 !important;
    }
	.sp-left{
	text-align: left!important;
	}
    .sp-left input{
	width:15px!important;
	}
}

.comtactBtn{
text-align:center;
max-width:280px;
width:80%;
margin-left:auto;
margin-right:auto;
padding:2%;
background:#3C9FD0;
color:#fff;
}
.notes{
color:red;
}