@charset "utf-8";
/* CSS Document */

/*==============================*/
/* 上書き設定 */
/*==============================*/
h1{
	margin-bottom: 0;
}

h2{
	margin: 0;
	padding: 0;
	border: none;
}


/*==============================*/
/* wrap */
/*==============================*/
div.contactWrap{
	padding: 24px 200px 40px 200px;
	background: #E6E6E6;
}
div.contactContent{
	padding: 64px 0;
	background: #fff;
	text-align: center;
}

	/* ======= PC以下 =======*/
	@media (max-width: 1200px) {
		div.contactWrap {
			padding: 24px 120px 40px 120px;
		}
	}
	/* ======= PC以下 =======*/
	@media (max-width: 960px) {
		div.contactWrap {
			padding: 20px 14px 40px 14px;
		}
		div.contactContent{
			padding: 44px 20px 52px 20px;
		}
	}

/*---------------------------------
   注意書き
---------------------------------*/
div.contactContent div.contactText{
	width: min(720px,100%);
	margin: 0 auto 28px auto;
}
div.contactContent div.contactText p{ line-height: 1.7em;}
div.contactContent div.contactText p:not(:last-child){ margin-bottom: 14px;}

/* ======= SP =======*/
@media (max-width: 780px) {
	div.contactContent div.contactText p{ text-align: left;}
}

/*---------------------------------
   注意書き
---------------------------------*/
p.caution{line-height: 1.618em; padding-left: 1.2em; text-indent: -1.2em;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 780px) {
		p.caution{text-align: left;}
	}


/*---------------------------------
   BOX
---------------------------------*/
div.contactContent div.contactBox{
	width: min(560px,100%);
	margin: 0 auto;
	padding: 32px 24px 40px 24px;
	border: 1px solid #535353;
	text-align: center;
}

	/* ======= SP =======*/
	@media (max-width: 370px) {
		div.contactContent div.contactBox{
			padding: 28px 20px 24px 20px;
		}

	}


/*-- 
------------------------- */
div.contactContent div.contactBox h2{
	font-size: 17px;
}
	/* ======= SP =======*/
	@media (max-width: 500px) {
		div.contactContent div.contactBox h2{
			margin-bottom: 6px;
		}
	}

/*-- 
------------------------- */
div.contactContent div.contactBox p{
	margin-bottom: 4px;
	color: #000;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3em;
}
div.contactContent div.contactBox p a{
	display: inline-block;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0 2px 0 6px;
	letter-spacing: 0.02em;
}
div.contactContent div.contactBox p small{
	display: inline-block;
	font-size: 16px;
	line-height: 2em;
	vertical-align: bottom;
}
	/* ======= SP =======*/
	@media (max-width: 520px) {
		div.contactContent div.contactBox p{
			margin-bottom: 8px;
			font-size: 28px;
		}
		div.contactContent div.contactBox p a{
			margin: 0 0 0 5px;
		}
		div.contactContent div.contactBox p small{
			font-size: 14px;
			line-height: 2em;
		}
	}


/*-- 
------------------------- */
div.contactContent div.contactBox dl{
	display: flex;
	justify-content: center;
}
div.contactContent div.contactBox dl dt{
	margin-top: 0;
}
div.contactContent div.contactBox dl dt::after{
	content: "：";
	vertical-align: baseline;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 520px) {
		div.contactContent div.contactBox dl dt{
			flex: 0 0 auto;
			line-height: 1.414em;
		}
		div.contactContent div.contactBox dl dd{
			flex: 1;
			text-align: left;
			line-height: 1.414em;
		}
	}