@charset "utf-8";
.common-parts .section3-bg .common-parts-contents h2,
.common-parts .contents-box,
.common-parts .contents-box p {
    all: unset;         /* 一度すべてリセット */
    display: block;     
    box-sizing: border-box;
}
.common-parts .contents-box h3 {
    font-size: clamp(16px, 2vw, 36px);
    background: #F6AB00;
    padding: 1vw;
    border-radius: 3vw;
    width: fit-content;
    margin-bottom: 1vw;
}
.telbox {
    width: 100%;
    background: #ffb68b;
    padding: 4vw;
    border-radius: 3vw;
    margin-bottom: 4vw;
    text-align: center;
}
.common-parts .contents-box .telbox p{
	color: #333;
}
.telbox .telitem {
    display: flex;
	justify-content: center;
    gap: 4vw;
    font-size: clamp(16px, 2vw, 26px);
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center;
}
 .telbox .telitem a {
    width: 50%;
    padding: 2vw;
    background: #F6AB00;
    border-radius: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}
.telbox > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4vw;
}
/* MWフォームのチェックボックスラベル表示を保証 */
.mwform-checkbox-field-text {
    display: inline-block !important;
    margin-left: 6px;
    font-size: 16px;
    line-height: 1.4;
}

/* チェックボックスとテキストの並びを整える */
.mw_wp_form .mwform-checkbox-field {
    display: flex;
    align-items: center;
    gap: 6px;
}
input[type="radio"] {
    appearance: auto !important;
    -webkit-appearance: radio !important;
    position: static !important;
    opacity: 1 !important;
    display: inline-block !important;
}
input[type="checkbox"] {
    appearance: auto !important;
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: #F7F7F7 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><polygon points='6,9 12,15 18,9' fill='%23333'/></svg>") no-repeat right .8em center;
    background-size: 12px;
    padding-right: 2em;
	border: #CCCCCC solid 1px;
}
.essential img{
	width: auto;
}
.contact .common-parts .section3-bg .common-parts-contents {
   flex: 1;
}
.contact .common-parts .contents-box table {
   width: 100%;
   font-size: clamp(20px, 2vw, 26px);
   border-radius: 3vw;
}
.contact .common-parts .contents-box table tbody tr td:nth-of-type(1){
	
    display: block;
}
.contact .common-parts .contents-box table tbody tr td.align-center{
	display: flex;
    justify-content: center;
    gap: 4vw;
}
.contact table tbody{
	display: flex;
    flex-direction: column;
    padding: 4vw;
    background: #ffb68b;
    color: #333;
	border-radius: 3vw;
	margin-bottom: 4vw;
}
.contact table tbody tr {
	display: flex;
    flex-direction: column;
    gap: 1vw;
    margin-bottom: 4vw;
}
.contact table tbody tr:nth-last-of-type(1){
	margin-bottom: 0;
}
.contact table tbody .border-bottom {
    display: flex;
}
.contact table tbody .border-bottom td{
   flex:1;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0;
}
.mwform-checkbox-field-text {
	font-size: clamp(20px, 2vw, 26px);
}
.mwform-checkbox-field label, .mwform-radio-field label {
	cursor: pointer;
}
.mw_wp_form .vertical-item + .vertical-item {
	margin-top: 0;
}
.contact table input[type="text"] {
   width: 100%;
    height: 40px;
	background: #F7F7F7;
    border: #CCCCCC solid 1px;
}
.contact table td textarea[name="text"]{
  width: 100%;
    height: 100px;
	background: #F7F7F7;
    border: #CCCCCC solid 1px;
}
.contact td:has(> .mwform-checkbox-field){
	display: flex;
    gap: 2vw;
    justify-content: center;
}

.contact .common-parts .contents-box table tbody tr td:has(> .mwform-radio-field){
  display: flex;
  gap: 2vw;
}

.contact .common-parts .contents-box {
   margin-bottom: 8vw;
}

.contact .common-parts .contents-box .submit-center{
text-align: center;
}

.contact input[type="submit"]{
    padding: 1vw 8vw;
    background: #EC6517;
    border-radius: 2vw;
    font-size: clamp(20px, 2vw, 26px);
    line-height: 2;
	color: #fff;
}
#contact .essential{
	line-height: 0;
}
.contact td:has(> input[type="text"]){
	display: flex;
    flex-direction: column;
}
.contact table td:has(> input[name*="sp_tel"]),
.contact table td:has(> input[name*="sp_year"]),
.contact table td:has(> input[name*="sp_post"]){
	flex-direction: row;
}
.contact table input[name*="sp_tel"],
.contact table input[name*="sp_year"],
.contact table input[name*="sp_month"],
.contact table input[name*="sp_day"],
.contact table input[name*="sp_post"] {
	width: 33%;
}
.contact ul:has(> .mwform-radio-field){
	display: flex;
    flex-wrap: wrap;
    column-gap: 3vw;
    row-gap: 1vw;
}
textarea[name="sp_textarea"]{
	width: 100%;
    background: #F7F7F7;
    border: #CCCCCC solid 1px;
}
.contact td:has(> textarea[name="sp_textarea"]){
	display: block;
}
table .inner tbody{
	padding: 0;
	margin-bottom: 0;
}
table .inner tbody tr{
	margin-bottom: 0;
}
table .inner tbody td{
line-height: 3;
    font-size: 16px;
}
.contact .contact-table + div > p{
	text-align: center;
	margin-bottom: 4vw;
}

/*レスポンシブ*/
@media (max-width: 1100px) {
	
}
@media (max-width: 781px) {
	
	 .common-parts .contents-box p {
		line-height: 3;
		font-size: 14px;
	}
	.contact h2 {
		font-size: clamp(36px, 5vw, 96px);
	}
.contact h3 {
	font-size: clamp(26px, 2vw, 36px);
	margin-bottom: 3vw;
	}
	.contact h4 {
		font-size: clamp(20px, 2vw, 36px);
		margin-bottom: 3vw;
	}
	.contact .common-parts li {
		font-size: 14px;
	}
	.contact .common-parts .contents-box table {
		font-size: 14px;
	}
	.contact .common-parts ul {
		gap: 2vw;
		
	}
	.contact .common-parts ul.list-orange li span:nth-of-type(2),
	.contact .common-parts ul.list-green li span:nth-of-type(2) {
		line-height: 3;
	}
	.contact .common-parts .contents-box {
		width: 100%;
		padding-top: 4vw;
	}


.contact .common-parts .contents-box table {
	font-size: initial;
}
	table .inner tbody tr:nth-of-type(2) td {
    line-height: 2;
    font-size: 14px;
	overflow-y: scroll;
    height: 200px;
    background: #F7F7F7;
    padding: 4vw;	
}
	.contact .contact-table + div > p{
	text-align: center;
	margin-bottom: 16vw;
}
	.telbox .telitem a {
		width: 100%;
	}
	.common-parts .contents-box h3 {
    
    margin-bottom: 4vw;
}
}
@media (max-width: 767px) {
	/**------------------ヘッダー------------------**/
	
}
@media (max-width: 467px) {
	
}