@charset "utf-8";
/* CSS Document */


/*PC*/
@media screen and (min-width: 1680px) {

.header { background: url("../images/contact/hedImg.jpg") center center no-repeat; background-size: cover;}

.cont01 {}
.cont01 .inner { width: 1536px; margin: 0 auto; padding: 100px 0 150px;}
.cont01 .inner ul { display: flex; gap: 80px; align-items: stretch;}
.cont01 .inner ul li { width: calc( ( 100% - 160px ) / 3 ); display: flex; text-align: center; border: solid 1px #000;}
.cont01 .inner ul li dl { width: 100%; display: flex; flex-direction: column;}
.cont01 .inner ul li dl dt { background: var(--color01_10); padding: 20px 0;}
.cont01 .inner ul li dl dd { padding: 50px 20px; align-content: center; flex-grow: 1;}
.cont01 .inner ul li dl dd .tel { font-size: 36px; padding-left: 50px; position: relative; display: inline-block; align-items: center; justify-content: center;}
.cont01 .inner ul li dl dd .tel::before { content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 36px; position: absolute; left: 5px; transform: rotate(10deg);}
.cont01 .inner ul li dl dd .tel + p { margin-bottom: 20px;}

.cont01 .inner ul li dl dd .qr { width: 160px; display: inline-block;}
.cont01 .inner ul li dl dd .txt { font-size: 16px;}
.cont01 .inner ul li dl dd .txt2 { font-size: 14px; text-align: left;}




.cont02 {}
.cont02 .inner { width: 1536px; margin: 0 auto; padding: 0 0 150px;}
.cont02 .inner .txt { margin-bottom: 100px;}
.cont02 .inner .h_kome { font-size: 16px; background: var(--color02_10); padding: 2px 10px; color: var(--color00_10); line-height: normal; display: inline-block; width: auto; height: 30px; font-style: normal; margin-right: 5px;}
.cont02 .inner table { width: 100%; border-collapse: collapse; margin: 30px auto 50px;}
.cont02 .inner table th { width: 30%; padding: 10px 30px; text-align: left; position: relative;}
.cont02 .inner table th span { font-size: 16px; background: var(--color02_10); padding: 2px 10px; color: var(--color00_10); line-height: normal; display: block; width: auto; height: 30px; font-style: normal; position: absolute; top: 0; bottom: 0; margin: auto; right: 50px;}
.cont02 .inner table td { width: 70%; padding: 10px 30px 10px 0;}
.cont02 .inner table td .mB20 { margin-bottom: 20px;}
.cont02 .inner .privacy_check { text-align: center; margin-bottom: 40px;}
.cont02 .inner .privacy_check a { color: #1800F0; text-decoration: underline;}
.cont02 .inner .btn_submit { text-align: center;}

.cont02 .inner .privacy_check input { zoom: 1.4; margin-right: 5px;}

}


@media print, screen and (min-width: 768px) and ( max-width: 1679px) {

.header { background: url("../images/contact/hedImg.jpg") center center no-repeat; background-size: cover;}

.cont01 {}
.cont01 .inner { width: 91.4286vw; margin: 0 auto; padding: 5.9524vw 0 8.9286vw;}
.cont01 .inner ul { display: flex; gap: 4.7619vw; align-items: stretch;}
.cont01 .inner ul li { width: calc( ( 100% - 9.5238vw ) / 3 ); display: flex; text-align: center; border: solid 1px #000;}
.cont01 .inner ul li dl { width: 100%; display: flex; flex-direction: column;}
.cont01 .inner ul li dl dt { background: var(--color01_10); padding: 1.1905vw 0;}
.cont01 .inner ul li dl dd { padding: 2.9762vw 1.1905vw; align-content: center; flex-grow: 1;}
.cont01 .inner ul li dl dd .tel { font-size: 2.1429vw; padding-left: 2.9762vw; position: relative; display: inline-block; align-items: center; justify-content: center;}
.cont01 .inner ul li dl dd .tel::before { content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 2.1429vw; position: absolute; left: 0.2976vw; transform: rotate(10deg);}
.cont01 .inner ul li dl dd .tel + p { margin-bottom: 1.1905vw;}

.cont01 .inner ul li dl dd .qr { width: 9.5238vw; display: inline-block;}
.cont01 .inner ul li dl dd .txt { font-size: 0.9524vw;}
.cont01 .inner ul li dl dd .txt2 { font-size: 0.8333vw; text-align: left;}




.cont02 {}
.cont02 .inner { width: 91.4286vw; margin: 0 auto; padding: 5.9524vw 0 8.9286vw;}
.cont02 .inner .txt { margin-bottom: 5.9524vw;}
.cont02 .inner .h_kome { font-size: 0.9524vw; background: var(--color02_10); padding: 0.1190vw 0.5952vw; color: var(--color00_10); line-height: normal; display: inline-block; width: auto; height: 1.7857vw; font-style: normal; margin-right: 0.2976vw;}
.cont02 .inner table { width: 100%; border-collapse: collapse; margin: 1.7857vw auto 2.9762vw;}
.cont02 .inner table th { width: 30%; padding: 0.5952vw 1.7857vw; text-align: left; position: relative;}
.cont02 .inner table th span { font-size: 0.9524vw; background: var(--color02_10); padding: 0.1190vw 0.5952vw; color: var(--color00_10); line-height: normal; display: block; width: auto; height: 1.7857vw; font-style: normal; position: absolute; top: 0; bottom: 0; margin: auto; right: 2.9762vw;}
.cont02 .inner table td { width: 70%; padding: 0.5952vw 1.7857vw 0.5952vw 0;}
.cont02 .inner table td .mB20 { margin-bottom: 1.1905vw;}
.cont02 .inner .privacy_check { text-align: center; margin-bottom: 2.3810vw;}
.cont02 .inner .privacy_check a { color: #1800F0; text-decoration: underline;}
.cont02 .inner .btn_submit { text-align: center;}

.cont02 .inner .privacy_check input { zoom: 1.4; margin-right: 0.2976vw;}

}



/*sp*/
@media only screen and (max-width: 767px) {

.header { background: url("../images/contact/hedImg.jpg") center center no-repeat; background-size: cover;}

.cont01 {}
.cont01 .inner { width: 100%; margin: 0 auto; padding: 15.6250vw 4.6875vw 23.4375vw;}
.cont01 .inner ul { display: flex; gap: 6.2500vw; flex-direction: column;}
.cont01 .inner ul li { width: 100%; display: flex; text-align: center; border: solid 1px #000;}
.cont01 .inner ul li dl { width: 100%; display: flex; flex-direction: column;}
.cont01 .inner ul li dl dt { background: var(--color01_10); padding: 3.1250vw 0;}
.cont01 .inner ul li dl dd { padding: 7.8125vw 3.1250vw; align-content: center; flex-grow: 1;}
.cont01 .inner ul li dl dd .tel { font-size: 5.6250vw; padding-left: 7.8125vw; position: relative; display: inline-block; align-items: center; justify-content: center;}
.cont01 .inner ul li dl dd .tel::before { content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 5.6250vw; position: absolute; left: 0.7813vw; transform: rotate(10deg);}
.cont01 .inner ul li dl dd .tel + p { margin-bottom: 3.1250vw;}

.cont01 .inner ul li dl dd .qr { width: 25.0000vw; display: inline-block;}
.cont01 .inner ul li dl dd .txt { font-size: 2.5000vw;}
.cont01 .inner ul li dl dd .txt2 { font-size: 2.1875vw; text-align: left;}




.cont02 {}
.cont02 .inner { width: 100%; margin: 0 auto; padding: 0 4.6875vw 23.4375vw;}
.cont02 .inner .txt { margin-bottom: 15.6250vw;}
.cont02 .inner .h_kome { font-size: 2.5000vw; background: var(--color02_10); padding: 0.3125vw 1.5625vw; color: var(--color00_10); line-height: normal; display: inline-block; width: auto; height: 4.6875vw; font-style: normal; margin-right: 0.7813vw;}
.cont02 .inner table { width: 100%; border-collapse: collapse; margin: 4.6875vw auto 7.8125vw;}
.cont02 .inner table th { width: 100%; padding: 3.1250vw 0 0; text-align: left; position: relative; display: block;}
.cont02 .inner table th span { font-size: 2.5000vw; background: var(--color02_10); padding: 0.3125vw 1.5625vw; color: var(--color00_10); line-height: normal; display: inline-block; width: auto; height: 4.6875vw; font-style: normal; /*position: absolute; top: 0; bottom: 0; margin: auto; right: 7.8125vw;*/ margin-left: 1.5625vw;}
.cont02 .inner table td { width: 100%; padding: 1.5625vw 4.6875vw 1.5625vw 0; display: block;}
.cont02 .inner table td .mB20 { margin-bottom: 3.1250vw;}
.cont02 .inner .privacy_check { text-align: center; margin-bottom: 6.2500vw;}
.cont02 .inner .privacy_check a { color: #1800F0; text-decoration: underline;}
.cont02 .inner .btn_submit { text-align: center;}

.cont02 .inner .privacy_check input { zoom: 1.4; margin-right: 0.7813vw;}

}




@media screen and (width: 640px) {

.header { background: url("../images/contact/hedImg.jpg") center center no-repeat; background-size: cover;}

.cont01 {}
.cont01 .inner { width: 100%; margin: 0 auto; padding: 100px 30px 150px;}
.cont01 .inner ul { display: flex; gap: 40px; flex-direction: column;}
.cont01 .inner ul li { width: 100%; display: flex; text-align: center; border: solid 1px #000;}
.cont01 .inner ul li dl { width: 100%; display: flex; flex-direction: column;}
.cont01 .inner ul li dl dt { background: var(--color01_10); padding: 20px 0;}
.cont01 .inner ul li dl dd { padding: 50px 20px; align-content: center; flex-grow: 1;}
.cont01 .inner ul li dl dd .tel { font-size: 36px; padding-left: 50px; position: relative; display: inline-block; align-items: center; justify-content: center;}
.cont01 .inner ul li dl dd .tel::before { content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 36px; position: absolute; left: 5px; transform: rotate(10deg);}
.cont01 .inner ul li dl dd .tel + p { margin-bottom: 20px;}

.cont01 .inner ul li dl dd .qr { width: 160px; display: inline-block;}
.cont01 .inner ul li dl dd .txt { font-size: 16px;}
.cont01 .inner ul li dl dd .txt2 { font-size: 14px; text-align: left;}




.cont02 {}
.cont02 .inner { width: 100%; margin: 0 auto; padding: 0 30px 150px;}
.cont02 .inner .txt { margin-bottom: 100px;}
.cont02 .inner .h_kome { font-size: 16px; background: var(--color02_10); padding: 2px 10px; color: var(--color00_10); line-height: normal; display: inline-block; width: auto; height: 30px; font-style: normal; margin-right: 5px;}
.cont02 .inner table { width: 100%; border-collapse: collapse; margin: 30px auto 50px;}
.cont02 .inner table th { width: 100%; padding: 20px 0 0; text-align: left; position: relative; display: block;}
.cont02 .inner table th span { font-size: 16px; background: var(--color02_10); padding: 2px 10px; color: var(--color00_10); line-height: normal; display: inline-block; width: auto; height: 30px; font-style: normal; /*position: absolute; top: 0; bottom: 0; margin: auto; right: 50px;*/ margin-left: 10px;}
.cont02 .inner table td { width: 100%; padding: 10px 30px 10px 0; display: block;}
.cont02 .inner table td .mB20 { margin-bottom: 20px;}
.cont02 .inner .privacy_check { text-align: center; margin-bottom: 40px;}
.cont02 .inner .privacy_check a { color: #1800F0; text-decoration: underline;}
.cont02 .inner .btn_submit { text-align: center;}

.cont02 .inner .privacy_check input { zoom: 1.4; margin-right: 5px;}

}