@charset "UTF-8";
/* ===================================================
	Contact CSS
====================================================== */

/* ---------------------------------------------------
#sec1
------------------------------------------------------ */
#sec1{ padding: 0 0 60px;}
#sec1 .txt1{ padding: 0 0 50px;}
#sec1 .note{ padding: 0 0 5px;}
#sec1 .note em,
#sec1 .must em,
#sec1 .free em{ font-style: normal;}
#sec1 .note em,
#sec1 .must em{ color: #f20000;}
#sec1 .box_form{ border: solid 1px #000;}
#sec1 .box_form dl{ display: table; width: 100%;}
#sec1 .box_form dt,
#sec1 .box_form dd{ display: table-cell; border-bottom: dashed 1px #7d7d7d; vertical-align: middle;}
#sec1 .box_form dl:last-of-type dt,
#sec1 .box_form dl:last-of-type dd{ border-bottom: none;}
#sec1 .box_form dt{ width: 25%; background: #dbdbdb; padding: 35px 25px 35px 0; text-align: right;}
#sec1 .box_form dd{ width: 75%; padding: 35px 25px;}
#sec1 .box_form dd.addr .tit{ padding: 1em 0 0;}
#sec1 .box_form input[ type="checkbox"]{padding: 0; vertical-align: text-top; margin: 2px 0 0;}
#sec1 .box_form input[type="text"],
#sec1 .box_form input[type="tel"],
#sec1 .box_form input[type="email"] { width: 80%; padding: 5px 10px; border: solid 1px #a8a7a7; border-radius: 0; outline: none; background: #fff;}
#sec1 .box_form input[type="text"]#zip01{ width: 100px;}
#sec1 .box_form textarea { width: 90%; height: 200px; -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; padding: 5px 10px; border: solid 1px #a8a7a7; outline: none; background: #fff;}
#sec1 .box_form select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border:solid 1px #a8a7a7; padding: 8px 30px 8px 10px; background:url(/img/contact/ico_select.png) no-repeat right center; background-size:20px;}
#sec1 .box_form select::-ms-expand { display: none;}
#sec1 .box_btns{ text-align: center; padding: 30px 0 0;}
#sec1 .box_btns input[type="button"],
#sec1 .box_btns input[type="submit"]{margin: 0 20px; border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; outline:none; font-family: "UD Shin Go Regular"; letter-spacing: 0.05em; color: #fff;}
#sec1 .box_btns input[type="button"]{ padding: 15px 50px; font-size: 16px; background: #606060;}
#sec1 .box_btns input[type="submit"] { padding: 15px 60px; font-size: 24px; background: #1f3762;}
/* Contact Form7 Style Overwrite */
.wpcf7-list-item{ margin: 1em 1em 0 0 !important; display: block !important;}
.wpcf7-list-item.first{ margin: 0 1em 0 0 !important;}
.wpcf7-not-valid-tip{ margin: 0.5em 0 0;}
.wpcf7c-conf{ background: #e1e1e1 !important;}
.wpcf7 form .wpcf7-response-output{ margin: 10px 1em !important; padding: 10px 0 !important; text-align: center;}
.wpcf7c-elm-step2{ margin: 10px 1em; padding: 10px 0; text-align: center; border: 2px solid #00a0d2;}
.wpcf7 .ajax-loader { display: block !important;}

@media screen and (max-width: 600px) {
#sec1{ padding: 0 0 60px;}
#sec1 .txt1{ padding: 0 0 30px;}
#sec1 .box_form dl{ display: block;}
#sec1 .box_form dt,
#sec1 .box_form dd{ display: block; border-bottom: none; box-sizing: border-box;}
#sec1 .box_form dt{ width: 100%; padding: 15px; text-align: left;}
#sec1 .box_form dd{ width: 100%; padding: 15px;}
#sec1 .box_form dd.addr .tit{ padding: 1em 0 0;}
#sec1 .box_form input[ type="checkbox"]{padding: 0; vertical-align: text-top; margin: 2px 0 0;}
#sec1 .box_btns{ text-align: center; padding: 20px 0 0;}
#sec1 .box_btns input[type="button"],
#sec1 .box_btns input[type="submit"]{ margin: 0 10px;}
#sec1 .box_btns input[type="button"]{ padding: 10px 15px; font-size: 14px;}
#sec1 .box_btns input[type="submit"] { padding: 15px 25px; font-size: 18px;}
/* Contact Form7 Style Overwrite */
.wpcf7 form .wpcf7-response-output{ margin: 10px 0 !important; padding: 10px !important; text-align: center;}
.wpcf7c-elm-step2{ margin: 10px 0; padding: 10px; text-align: center; border: 2px solid #00a0d2;}
}


/* ---------------------------------------------------
#sec2
------------------------------------------------------ */
#sec2 .inner{ padding: 20px 0 0;}
#sec2 dl{ display: flex; align-items: center; width: 100%; margin: 0 0 30px;}
#sec2 dt{ width: 205px; font-size: 18px; line-height: 1; padding: 0 0 0 30px; position: relative;}
#sec2 dt::before{ content: ""; display: block; width: 5px; height: 18px; background: #000000; position: absolute; top: -2px; left: 15px;}
#sec2 dd.telnum{ width: 220px; font-size: 15px;}
#sec2 dd.telnum .tel-link{ font-size: 20px; font-family: "UD Shin Go Regular";}
#sec2 dd.open{ width: auto; font-size: 15px;}

@media screen and (max-width: 600px) {
#sec2 .inner{ padding: 20px 0 0;}
#sec2 dl{ flex-direction: column; width: 100%; margin: 0 0 30px;}
#sec2 dt{ width: 100%; font-size: 18px; padding: 0 0 10px 15px; position: relative; box-sizing: border-box;}
#sec2 dt::before{ top: 0; left: 0;}
#sec2 dd.telnum{ width: 100%; font-size: 15px;}
#sec2 dd.telnum .tel-link{ font-size: 20px;}
#sec2 dd.open{ width: 100%; font-size: 15px;}
}


/* reCAPTCHAバッジを表示にする 2024.12.27 */
.grecaptcha-badge {
    /* visibility: hidden; */
	visibility:visible;
}

.scroll_area {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 15em;
    overflow: auto;
    padding: 10px;
    border: solid 1px #747474;
    background-color: #eee;
}

#sec1 .txt1 {
}

#sec1 .txt1 a{
    color: #3F51B5;
}

#sec1 .font120{
    font-size: 120%;
}

#sec1 .font140{
    font-size: 140%;
}

form p{
	margin-top: 10px;
}

form p label {
    font-size: 100%;
}

form p label span{
}


	form p label input.wpcf7-text{
        padding: 5px 5px;
	}
	form p label select.wpcf7-select{
        padding: 8px 5px;
        margin-top: 5px;
	}
	form p label input.wpcf7-list-item {
	    margin: 5px 1em 0 0 !important;
	}	
	form p label .wpcf7-list-item.first {
	    margin: 0.5em 1em 0 0 !important;
	}
	form p label .wpcf7-list-item {
	    margin: 0.5em 1em 0 0 !important;
	}

@media screen and (max-width: 600px) {
	form p label input.wpcf7-text{
		width: 95%;
	}
}