@charset "utf-8";
/*
Theme Name: dev-2026
Theme URI: https://ogi-ya.co.jp/development/
Description: 大木開発-お問合せ 用テーマ
Author: imaismix
Version: 1.0
Tags: white
*/

:root{
	--disabled-color: #aaa;
}

h2{
	margin-bottom: 2em;
	text-align: center;
	line-height: 1.5em;
	font-size: 2em;
}

section{
	margin: 0;
	padding: 3em 0;
	width: 100%;
}
section .section-inner{
	margin: 0;
	max-width: 1000px;
}
section h3{
	margin-bottom: 2em;
	text-align: center;
	line-height: 1.5em;
	font-size: 2em;
}
section .content-body p.has-large-font-size{
	font-size: 1.8em !important;
	line-height: 1.8em !important;
}

#Contact-22{
	background-color: var(--theme-light-color);
}

#Contact-Form .section-inner{
	a{
		text-decoration: underline;
	}
	p{
		margin: 0 1em;
	}
	form{
		margin: 2em 1em;
	}
	dl{
		margin-bottom: 2em;
		font-size: 1.2em;
	}
	dt{
		margin: 1em auto 0.2em;
	}
	dd{
		margin: 0;
	}
	dd input, dd select, dd textarea{
		width: 100%;
		border: solid 2px var(--theme-light-color);
		font-size: 1.2em;
	}
	input[type="button"]{
		margin-top: 1em;
		padding: 1em;
		border: none;
		width: 100%;
		background-color: var(--theme-color);
		color: var(--light-color);
		font-size: 1.5em;
		font-weight: bold;
	}
	input[type="button"]:disabled{
		background-color: var(--theme-light-color);
		color: var(--disabled-color);
	}
	.valid{
		border: solid 2px green;
	}
	.error{
		border: solid 2px red;
	}
}


/* 画面幅による切り替え */
@media screen and (min-width: 769px){
	section{
		padding: 5em 0;
	}
	section .section-inner{
		margin: 0 auto;
	}

	#Contact-Form .section-inner{
		p{
			margin: 0 1em;
		}
		form{
			margin: 2em auto;
			width: 80%;
		}
	}
}