@charset "utf-8";

/*PC
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width: 1024px){
	
	/*共通
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	article section .img{
		margin-bottom: 15px;
	}
	article section .common_text{
		margin-bottom: 20px;
	}

	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.info{
		margin-bottom: 25px;
	}
	.info h3{
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.info p{
		font-size: 16px;
		line-height: 24px;
		color: var(--text-color);
	}
	.info p.tel_fax{
		background: url("/media/35b33d53b7e5e521e902.webp") no-repeat;
		background-position: left 2px;
		padding-left: 30px;
	}
	.info .tel{
		margin-bottom: 15px;
	}

	form dl{
		margin-bottom: 1px;
	}
	form dl dt{
		float: left;
		width: 240px;
		background-color: #e5e5e5;
		padding: 25px 18px;
		box-sizing: border-box;
	}
	form dl dt.details{
		height: 250px;
		padding-top: 115px;
	}
	form dl dt label{
		font-size: 16px;
		display: inline-block;
		float: left;
	}
	form dl dt .required{
		float: right;
		font-size: 14px;
		background-color: #c70000;
		color:white;
		width: 40px;
		height: 20px;
		padding: 3px 5px;
		box-sizing: border-box;
		line-height: 1;
	}
	form dl dt .required.no{
		background-color: #a4a4a4;
	}
	form dl dd{
		float: left;
		width: 440px;
		padding-left: 20px;
		box-sizing: border-box;
		padding-top: 15px;
	}
	form dl dd input[type="text"],form dl dd input[type="email"],form dl dd input[type="tel"]{
		width: 420px;
		height: 40px;
		border:1px solid #cccccc;
		box-sizing: border-box;
		padding: 10px;
	}
	form dl dd label{
		display: inline-block;
		margin-right: 30px;
		font-size: 16px;
		margin-top: 10px;
	}
	form dl dd label:last-child{
		margin-right: 0;
	}
	form dl dd input[type="radio"]{
		display: inline-block;
		margin-right: 10px;
	}
	form dl dd input[type="checkbox"]{
		display: inline-block;
		margin-right: 10px;
	}
	form dl dd textarea{
		width: 420px;
		height: 220px;
		border:1px solid #cccccc;
		box-sizing: border-box;
		padding: 10px;
	}

	form .btns{
		width: 345px;
		margin: 0 auto;
		margin-top: 50px;
	}
	form .btns li.submit{
		float: left;
	}
	form .btns li.reset{
		float: right;
	}
	form .btns li input{
		width: 160px;
		font-size: 16px;
		color: white;
		border:none;
		display: inline-block;
		padding-top: 15px;
		padding-bottom: 15px;
		border-radius: 25px;
	}
	form .btns li input[type="submit"]{
		background-color: #f682a2;
	}
	form .btns li input[type="reset"]{
		background-color: #a4a4a4;
	}
}


/*SP
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1023px){
	
	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	article section .img{
		margin-bottom: 8.59375vw;
	}
	article section .common_text{
		margin-bottom: 3.125vw;
	}

	/*
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.info{
		margin-bottom: 3.75vw;
	}
	.info h3{
		font-weight: bold;
		font-size: 3.75vw;
		margin-bottom: 3.75vw;
		line-height: 1;
	}
	.info p{
		font-size: 3.4375vw;
		line-height: 4.6875vw;
		color: #573731;
	}
	.info p.tel_fax{
		background: url("/media/35b33d53b7e5e521e902.webp") no-repeat;
		background-position: left 2px;
		background-size: 3.125vw;
		padding-left: 4.6875vw;
	}
	.info .tel{
		margin-bottom: 2.3437vw;
	}
	form dl{
		margin-bottom: 1px;
	}
	form dl dt{
		background-color: #e5e5e5;
		padding: 3.125vw;
		box-sizing: border-box;
	}
	form dl dt label{
		font-size: 3.4375vw;
		display: inline-block;
		float: left;
	}
	form dl dt .required{
		float: right;
		font-size: 2.8125vw;
		background-color: #c70000;
		color:white;
		width: 9.375vw;
		height: 4.6875vw;
		padding: 0.78125vw;
		text-align: center;
		box-sizing: border-box;
		line-height: 1;
	}
	form dl dt .required.no{
		background-color: #a4a4a4;
	}
	form dl dd{
		box-sizing: border-box;
		padding-top: 3.125vw;
		width: 87.5vw;
		margin: 0 auto;
		margin-bottom: 4.6875vw;
	}
	form dl.details dd{
		margin-bottom: 0;
	}
	form dl dd input[type="text"],form dl dd input[type="email"],form dl dd input[type="tel"]{
		width: 100%;
		height: 35px;
		border:1px solid #cccccc;
		box-sizing: border-box;
		padding: 5px;
	}
	form dl dd label{
		display: inline-block;
		margin-right: 4.6875vw;
		font-size: 3.4375vw;
		color: #414141;
	}
	form dl dd label:last-child{
		margin-right: 0;
	}
	form dl dd input[type="radio"]{
		display: inline-block;
		margin-right: 1.5625vw;
	}
	form dl dd input[type="checkbox"]{
		display: inline-block;
		margin-right: 1.5625vw;
	}
	form dl dd textarea{
		width: 100%;
		height: 260px;
		border:1px solid #cccccc;
		box-sizing: border-box;
		padding: 10px;
	}

	form .btns{
		margin-top: 7.8125vw;
	}
	form .btns li.submit{
		float: left;
	}
	form .btns li.reset{
		float: right;
	}
	form .btns li input{
		width: 40.625vw;
		font-size: 3.4375vw;
		color: white;
		border:none;
		display: inline-block;
		padding-top: 3.125vw;
		padding-bottom: 3.125vw;
		border-radius: 25px;
	}
	form .btns li input[type="submit"]{
		background-color: #f682a2;
	}
	form .btns li input[type="reset"]{
		background-color: #a4a4a4;
	}
}