@charset "UTF-8";

/* widthが799以下の時読み込まれる */
@media screen and (max-width: 799px) {

	.toiawase_table {
		width: 100%;
	}

	.toiawase_table th {
		padding: 20px 0px 20px 0px;
		background-color: #005BAC;
		color: #FFFFFF;
		width: 100%;
	}
	.toiawase_table td {
		display: block;
		padding: 25px 20px 25px 20px;
	}
	.toiawase_table input, .toiawase_table textarea {
		width: 97%;
	}
	.toiawase_table td {
		display: block;
	}
	.toiawase_label {
		font-size: 23px;
		margin: 0px 10px;
	}
	label {
		grid-column-start: 1;
		grid-row-start: 1;
		display: -webkit-box;
		-webkit-box-align: center;
	}
	.required_mark {
		grid-column-start: 2;
		grid-row-start: 1;
		background-color: #ff0000;
   	 	height: 28px;
    	width: 80px;
    	font-size: 100%;
    	margin: 4px 0px 0px 0px;
	}
	.tel_description {
		font-size: 1.0rem;
	}
	.sousin {
		color: #005BAC;
		display: -webkit-box !important;
		-webkit-box-pack: center;
		-webkit-box-align: center;
		width: 100%;
    	height: 61px;
    	font-weight: 600;
    	font-size: 20px;
    	border: solid 2px #005BAC;
    	padding: 0px 21px;
	}

	.toiawase {
		width: 100%;
	}
	.contents {
		width: 100%;
	}
	.contents .title {
		background-image:url(../images/toiawase.jpg);
		background-size: cover;
		height: 230px;
		width: 100%;
		position: relative;
	}
	.contents .title h1 {
		color: #005BAC;
    	font-size: 40px;
    	position: absolute;
   		top: 50%;
    	left: 50%;
    	transform: translate(-50%, -13%);
   	 	padding: 0;
		width: 100%;
	}
	.contents .title h1 span {
		display: block;
		font-size: 17px;
		font-weight: 100;
		margin: 5px;
	}
	.contents p {
		text-align: center;
		padding: 60px 10px;
		font-size: 21px;
	}
	.contents .contact {
		display: flex;
		text-align: center;
		margin: 0 auto;
		width: 90%;
		flex-direction: column;
    	align-items: center;
	}
	.contents .contact .tel{
		margin-right: 1rem;
		position: relative;
		flex: 1;
		width: 100%;
		text-align: left;
	}
	.contents .contact .tel::after{
		position: absolute;
		top: 0;
		left: 100%;
		margin: 0 1rem;
		content: "";
		width: 0px;
		height: 100%;
		background-color: #333;
	}
	.contents .contact .tel h2 {
		height: 55px;
		margin-bottom: 10px;
		margin-left: 7px;
	}
	.contents .contact .tel h2 span {
		font-size: 24px;
		margin-left: -14px;
	}
	.contents .contact .tel h2 img {
		vertical-align: middle;
		display: inline-block;
		width: 70px;
	}
	.contents .contact .tel .text {
		margin-left: 30px;
	}
	.contents .contact .tel p {
		font-size: 20px;
		padding: 0px;
	}
	.contents .contact .tel p span {
		color: #005BAC;
		font-size: 35px;
		font-weight: 600;
		padding-left: 10px;
	}
	.contents .contact .tel .time {
		font-size: 20px;
		padding-bottom: 40px;
		border-bottom: solid 1px #6e6c6c;
	}
	.contents .contact .mail {
		margin-left: 0rem;
		flex: 1;
		width: 100%
	}
	.contents .contact .mail h2 {
		width: 100%;
		margin-top: 40px;
	}
	.contents .contact .mail h2 span {
		font-size: 24px;
		text-align: left;
		padding-left: 0px;
		text-align: left;
	}
	.contents .contact .mail h2 img {
		vertical-align: middle;
		display: inline-block;
		width: 57px;
		margin-bottom: 4px;
	}
	.contents .contact .mail p {
		font-size: 18px;
    	text-align: left;
    	line-height: 34px;
    	width: 91%;
    	padding-left: 20px;
	}
	
}