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

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
.con_new, .con_share {
	max-width: 1450px;
	margin: auto;
}

@media only screen and (max-width: 1450px) {
	.con_new, .con_share {
		width: 92%;
	}
}

/* -----------------------------------------------------------
	con_step
----------------------------------------------------------- */
.con_step {
	padding-top: 30px;
	max-width: 1100px;
	width: 92%;
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (max-width: 767px) {
	.con_step {
		padding-top: 8%;
	}
}

.con_step .bn_step a {
	display: block;
}

.con_step .txt_step {
	margin-top: 0.9em;
}

@media only screen and (min-width: 1451px) {
	.con_step .txt_step {
		font-size: 118%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1450px) {
	.con_step .txt_step {
		font-size: 106%;
	}
}

@media only screen and (max-width: 767px) {
	.con_step .txt_step {
		font-size: 89%;
	}
}

@media only screen and (min-width: 768px) {
	.con_step .txt_step {
		letter-spacing: -0.05em;
		text-align: center;
	}
}

.con_step .txt_step span {
	color: #d72d29;
}

/* -----------------------------------------------------------
	con_new
----------------------------------------------------------- */
.con_new {
	margin-top: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 1450px) {
	.con_new {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.con_new {
		margin-top: 12%;
	}
}

/* -----------------------------------------------------------
	con_share
----------------------------------------------------------- */
.con_share {
	margin-top: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 1450px) {
	.con_share {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.con_share {
		margin-top: 12%;
	}
}

.con_share .box_cate {
	margin-top: 90px;
	justify-content: space-between;
	display: flex;
	align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 1450px) {
	.con_share .box_cate {
		margin-top: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.con_share .box_cate {
		margin-top: 12%;
	}
}

.con_share .box_share_panel:not(:first-child) {
	display: none;
}

.con_share .box_share .box_det {
	margin-left: 12px;
}

@media only screen and (max-width: 767px) {
	.con_share .box_share .box_det {
		margin-left: 0.25em;
	}
}

.con_share .btn_more {
	margin-top: 70px;
}

@media only screen and (max-width: 767px) {
	.con_share .btn_more {
		margin-top: 12%;
	}
}

.tab_share {
	margin-top: 50px;
}

@media only screen and (max-width: 767px) {
	.tab_share {
		margin-top: 4%;
	}
}

.tab_share > li {
	position: relative;
}

.tab_share > li.comingsoon {
	opacity: 0.6;
	background: rgba(204, 204, 204, 0.2);
	border: solid 1px #ccc;
	color: #ccc !important;
	cursor: default;
}

.txt_jyunbi {
	font-size: 106%;
	text-align: center;
}

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