/*----------------------------------------------------
  お問い合わせページ　contact/index.shtml
----------------------------------------------------*/
.office_box{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:1em;
	width: 95%;
	margin: 0 auto;
}


.contact_box h2{
	color: #005BAB;
	line-height: 1.5;
	border-bottom: 1px solid #005BAB;
	margin-bottom: .5em;

}
.contact_box#hoshu h2{
	color: #003869;
	border-bottom: 1px solid #003869;
}

.contact_btn{
	background: #005BAB;
	border: 1px solid #005BAB;
	border-radius: 5px;
	padding: 10px;
	color: #fff;
	line-height: 1.2;
	transition: .5s;
}
.contact_btn:hover{
	background: #fff;
	color: #005BAB;
}
.contact_box#hoshu .contact_btn{
	background: #003869;
}
.contact_box#hoshu .contact_btn:hover{
	background: #fff;
	color: #003869;
}

.contact_box{
	padding: 2em;
	margin: 0 0 2em 0;
	background: #005bab1a;
	border: 1.5px solid #005BAB;
}
.contact_box#hoshu{
	background: #0038691a;
	border: 1.5px solid #003869;
}
.contact_box .col_mark_circle{
	margin: 0 0 0 1em;
}
.contact_box .col_mark_circle li{
	margin: 0;
}

/*20260701作業-修理サービスの申し込み・お問い合わせ*/
.office_box.repair > div{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	gap: .5em;
	border: 1px solid #003869;
	border-radius: 5px;
	padding-bottom: .5em;
}
.office_box.repair .contact_btn{
	border-radius: 5px 5px 0 0;
}
.office_box.repair .contact_btn:hover{
	background: #003869!important;
	color: #fff!important;
}
/*.office_box.repair > div:not(:last-child)::before{
	position: absolute;
	content: "";
	top: 0;
	right: -.5em;
	width: .5px;
	height: 100%;
	background: #000;
	
}*/
.office_box.repair > div a:not(:first-child){
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	font-weight: 600;
	transition: .5s;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	width: calc(100% - 1em - 20px);
	margin: 0 auto;
}
.office_box.repair > div a:not(:first-child):hover{
	box-shadow: 0 5px 10px rgba(0,0,0,.5);

}

@media (max-width: 768px) {
	.office_box{
		gap:.5em;
		width: 100%;
	}

	
}
@media (max-width: 600px) {
	.office_box{
		grid-template-columns: 1fr;
	}
	.contact_box{
		padding: 2em 1em;
		max-width: 500px;
		margin: 0 auto 2em;
	}

	
}

/*----------------------------------------------------
  お問い合わせフォーム
----------------------------------------------------*/

.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date {
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: none;
    padding: 0 5px;
    margin: 2px;
    vertical-align: middle;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
    background: none;
    text-shadow: none;
}
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover {
    background: #005bab;
    opacity: 0.7;
    box-shadow: none;
}
.mfp_element_reset:hover {
    background: #ccc;
}
.button {
    display: inline-block;
    border-radius: 5px; /* 角丸       */
    font-size: 11pt; /* 文字サイズ */
    text-align: center; /* 文字位置   */
    cursor: pointer; /* カーソル   */
    padding: 4px 24px; /* 余白       */
    background: #005bab; /* 背景色     */
    color: #ffffff; /* 文字色     */
    line-height: 1em; /* 1行の高さ  */
    transition: .3s; /* なめらか変化 */
    box-shadow: 1px 1px 2px #666666; /* 影の設定 */
    border: 2px solid #005bab; /* 枠の指定 */
    margin: 5px;
}
@media (max-width: 599px) {
    .cp_iptxt {
        width: calc(100% - 10px);
        margin: 20px 15px;
    }
}
.button_wrapper {
    margin-top: 20px;
    text-align: center;
}
.col_internal_komidashi_02 {
    margin-bottom: 0;
}
form#mailformpro dl dt {
    width: 200px;
    font-size: 1em;
}
form#mailformpro dl dd {
    padding: 10px 5px 20px 210px;
    font-size: 1em;
}
form#mailformpro input {
    height: 30px;
    padding: 0 5px;
    border: 1px solid #999;
    border-radius: 4px;
    letter-spacing: 1px;
    color: #000;
    transition: 0.3s;
    font-size: 1em;
}
form#mailformpro select {
    height: 30px;
    padding: 0 5px;
    border-radius: 4px;
    font-size: 1em;
}
form#mailformpro dl dd ol li {
    margin-bottom: 15px;
}
form#mailformpro dl dd ol li:last-of-type {
    margin-bottom: 0;
}
form#mailformpro dl dd ol li:nth-of-type(2) span {
    margin-right: 5px;
}
textarea {
    padding: 5px;
    border-radius: 4px;
	border:1px solid #999; 
    font-size: 1em;
	max-width:610px;
}
input[type='checkbox'] {
    height: initial;
}
form#mailformpro input:focus,
form#mailformpro select:focus,
form#mailformpro textarea:focus {
    border: 1px solid #da3c41;
    outline: none;
    box-shadow: 0 0 5px 1px rgba(218, 60, 65, .5);
}
form#mailformpro button[type='submit'] {
    display: inline-block;
    border-radius: 5px;
    font-size: 11pt;
    text-align: center;
    cursor: pointer;
    padding: 9px 24px;
    background: #005bab;
    color: #ffffff;
    line-height: 1em;
    transition: .3s;
    box-shadow: 1px 1px 2px #666666;
    border: 2px solid #005bab;
}
form#mailformpro .button:hover {
    box-shadow: none; /* カーソル時の影消去 */
    color: #005bab; /* 背景色     */
    background: #ffffff; /* 文字色     */
}
form#mailformpro button[type='reset'] {
    display: inline-block;
    border-radius: 5px;
    font-size: 11pt;
    text-align: center;
    cursor: pointer;
    padding: 9px 24px;
    background: #ccc;
    color: #ffffff;
    line-height: 1em;
    transition: .3s;
    box-shadow: 1px 1px 2px #666666;
    border: 2px solid #ccc;
    margin: 5px;
}
form#mailformpro .reset:hover {
    box-shadow: none; /* カーソル時の影消去 */
    color: #ededed; /* 背景色     */
    background: #ffffff; /* 文字色     */
}
form#mailformpro label.mfp_not_checked {
    padding: 3px;
    border: none;
    width: calc(100% - 370px);
}

form#mailformpro label {
     white-space: normal; 	
}	
@media (max-width: 1200px) {
    input {
        max-width:calc(100% - 5px);
    }
	textarea {
        max-width:610px;
    }	
}
@media (max-width: 800px) {
    form#mailformpro dl dt {
        width: calc(100% - 15px);
    }
    form#mailformpro dl dd {
        width: calc(100% - 20px);
        padding: 0 5px 10px 10px;
        font-size: 1em;
    }
    textarea {
        width: calc(100% - 5px);
        margin-top: 5px;
    }
}

/*　PC表示時任意の場所で改行　*/
.bpts_br_pc::before {
    content: "\A";
    white-space: pre;
}
/* メインメニュー対策 */
/*　PC表示時任意の場所で改行をレスポンシブ時解除　*/
.bpts_br_pc_mainmenu::before {
    content: "\A";
    white-space: pre;
}
@media (max-width: 1080px) {
    /*　PC表示時任意の場所で改行をレスポンシブ時解除　*/
    .bpts_br_pc::before {
        display: none;
    }
    /*　レスポンシブ時任意の場所で改行　*/
    .bpts_br::before {
        content: "\A";
        white-space: pre;
    }
}
.button_wrapper {
    margin-top: 20px;
    text-align: center;
}
.mfp_colored{
	background-color: #fff;
}