@charset "utf-8";
.pc-right-border{
	position: relative;
}
.pc-right-border::before{
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #ccc;
	right: -15px;
	top: 0;
}
.flex-center{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* bootstrapに合わせる。初期値 スクリーンサイズが0以上 */
.icon-padding{
/*	padding: 20px 65px 40px;*/
	padding: 20px 0 40px;
	display: block;
	margin: 0 auto;
	width: 200px;
	height: auto;
}
/* スクリーンサイズが769px以上の場合に適用 */
/*
@media only screen and  (min-width: 769px) {
	.icon-padding{
		padding: 10px 30px 20px;
	}
}*/
/* スクリーンサイズが1201px以上の場合に適用 */
/*
@media only screen and (min-width: 1201px) {
	.icon-padding{
		padding: 20px 65px 40px;
	}
}*/

/* スクリーンサイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
	.pc-right-border{
		border-right: 0;
	}
	.text-sp-center{
		text-align: center;
	}
	.pt-sp-0{
		padding-top: 0 !important;
	}
}
.magazineBtn a{
    display: inline-block;
    box-sizing: border-box;
    width: 250px;
    padding: 15px;
    font-size: 14px;
    border: none;
    color: #ffffff;
    text-decoration: none;
    background-color: #493ca5;
}
.magazineBtn a:hover{
    opacity: 0.7;
}
</style>