@charset "utf-8";

#contactform {
	.wrap {
		.contents {
			.form_box {
				background-color:#F8A426;
				border-radius:10px;
				padding:50px 40px 40px;
				max-width: 720px;
				margin:0 auto;
				h2 {
					font-size:2.8rem;
					color:#FFFFFF;
					text-align:center;
					& + p {
						color:#FFFFFF;
					}
				}
				.form_inner {
					margin-top:40px;
					border-radius:5px;
					background-color:#FFFFFF;
					padding:10px 20px;
				}
			}
			.tel_box {
				padding-top:50px;
				h3 {
					font-size:2.8rem;
					text-align:center;
				}
				dl {
					display:grid;
					justify-items:center;
					grid-row-gap:30px;
					margin-bottom:50px;
					dt {
						font-size:2.8rem;
						font-weight:600;
						
					}
				}
				ul {
					padding-left:1.5em;
					li {
						text-indent:-1.5em;
						font-size:1.6rem;
						line-height:2;
						&::before {
							content:'●';
							margin-right:.5em;
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {

	#contactform {
		.wrap {
			.contents {
				grid-template-columns:370px 1fr;
				grid-column-gap:30px;
				.form_box {
					padding:30px 20px;
					h2 {
						font-size:2.4rem;
					}
				}
				.tel_box {
					padding-top:30px;
					h3 {
						font-size:2.4rem;
					}
					dl {
						dt {
							font-size:2.4rem;
						}
					}
				}
			}
		}
	}
	
}

@media screen and (max-width:768px) {

	#contactform {
		.wrap {
			.contents {
				grid-template-columns: 1fr;
				grid-row-gap:30px;
				.form_box {
					padding:30px 15px;
					h2 {
						font-size:2.0rem;
						margin-bottom:.5em;
					}
					.form_inner {
						margin-top:20px;
						padding:10px;
					}
				}
				.tel_box {
					padding-top:0;
					h3 {
						font-size:2.0rem;
						text-align:center;
					}
					dl {
						grid-row-gap:20px;
						margin-bottom:40px;
					}
					ul {
						li {
							font-size:1.4rem;
						}
					}
				}
			}
		}
	}
	
}