@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : mail.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
.con_mail {
	max-width: 1140px;
	margin: auto;
}

@media only screen and (max-width: 1140px) {
	.con_mail {
		width: 95%;
	}
}

@media print {
	.con_mail {
		width: 95%;
	}
}

.ie8 .con_mail {
	width: 95%;
}

.con_mail:after, .con_mail .con_intro .box_txt:after, .mail_pc dl:after, .mail_sp dl:after, .mail_sp .flow:after, .mail_sp .flow ul:after {
	content: "";
	display: table;
	clear: both;
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_mail {
	margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_mail {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.con_mail {
		margin-bottom: 40px;
	}
}

.con_mail .con_intro {
	margin-bottom: 50px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_mail .con_intro {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.con_mail .con_intro {
		margin-bottom: 40px;
	}
}

.con_mail .con_intro .box_txt {
	margin: auto;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.con_mail .con_intro .box_txt {
		width: 100%;
		font-size: 86%;
	}
}

.con_mail .con_intro .box_txt .txt {
	font-size: 129%;
	text-align: center;
	padding: 30px 0 20px;
}

@media only screen and (max-width: 767px) {
	.con_mail .con_intro .box_txt .txt {
		font-size: 100%;
		padding: 10px 0 25px;
	}
}

.con_mail .con_intro .box_txt .point {
	text-align: left;
	display: inline-block;
}

.con_mail .con_intro .box_txt .point .img {
	float: left;
	margin-right: 20px;
	max-width: 210px;
}

@media only screen and (max-width: 767px) {
	.con_mail .con_intro .box_txt .point .img {
		max-width: 100%;
		text-align: center;
		float: none;
		margin: 0;
	}
}

.con_mail .con_intro .box_txt .point ul {
	float: left;
	padding-top: 1em;
}

.con_mail .con_intro .box_txt .point ul li {
	font-size: 115%;
	margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_mail .con_intro .box_txt .point ul li {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.con_mail .con_intro .box_txt .point ul li {
		margin-bottom: 5px;
	}
}

.con_mail .con_intro .box_txt .point ul li span {
	padding: 7px 10px;
	background: #063c6c;
	color: #fff;
	margin-right: 1em;
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {
	.con_mail .con_intro .box_txt .point ul li span {
		font-size: 72%;
	}
}

/* -----------------------------------------------------------
	.mail_pc,.mail_sp
----------------------------------------------------------- */
.mail_pc {
	margin-bottom: 80px;
	text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mail_pc {
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.mail_pc {
		margin-bottom: 40px;
	}
}

.mail_pc dl {
	display: inline-block;
	text-align: left;
	margin-bottom: 10px;
}

.mail_pc dl dt {
	float: left;
	margin-right: 20px;
}

@media only screen and (max-width: 767px) {
	.mail_pc dl dt {
		float: none;
		text-align: center;
	}
}

.mail_pc dl dd {
	float: left;
	padding-top: 1.5em;
}

@media only screen and (max-width: 767px) {
	.mail_pc dl dd br {
		display: none;
	}
}

.mail_pc .btn_large {
	margin: auto;
	width: 30%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mail_pc .btn_large {
		width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.mail_pc .btn_large {
		width: 100%;
	}
}

.mail_sp {
	margin-bottom: 50px;
	text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mail_sp {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.mail_sp {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.mail_sp.pc_view {
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	.mail_sp.sp_view {
		display: none;
	}
}

@media print {
	.mail_sp.sp_view {
		display: none;
	}
}

.ie8 .mail_sp.sp_view {
	display: none;
}

.mail_sp dl {
	display: inline-block;
	text-align: left;
	margin-bottom: 10px;
}

.mail_sp dl dt {
	float: left;
	margin-right: 20px;
}

@media only screen and (max-width: 767px) {
	.mail_sp dl dt {
		float: none;
		text-align: center;
	}
}

.mail_sp dl dd {
	float: left;
	padding-top: 1.5em;
}

@media only screen and (max-width: 767px) {
	.mail_sp dl dd br {
		display: none;
	}
}

.mail_sp .flow {
	display: inline-block;
	text-align: center;
}

.mail_sp .flow .img {
	float: left;
}

.mail_sp .flow ul {
	float: left;
	margin: 40px 0 0 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mail_sp .flow ul {
		margin: 40px 0 0 10px;
	}
}

.mail_sp .flow ul li {
	float: left;
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
}

.mail_sp .flow ul li:nth-child(3) {
	margin-right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mail_sp .flow ul li {
		margin-right: 10px;
	}
}

.mail_sp .flow ul li .txt {
	display: inline-block;
	background: #43281b;
	padding: 10px;
	color: #fff;
}

.mail_sp .flow ul li .triangle {
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #43281b;
}

.mail_sp .flow ul li .b_txt {
	font-size: 158%;
	color: #063c6c;
	font-weight: bold;
}

.info {
	margin-bottom: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.info {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.info {
		margin-bottom: 40px;
	}
}

.info h4 {
	font-size: 108%;
	font-weight: normal;
}

.info ul {
	border: 1px #ccc solid;
	padding: 15px;
}

.info ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#bg_page {
	background-image: url(../mail/images/bg_title-pc.jpg);
}

@media only screen and (max-width: 767px) {
	#bg_page {
		background-image: url(../mail/images/bg_title-sp.jpg);
	}
}

/*# sourceMappingURL=../maps/mail.css.map */