@charset "utf-8";
/* CSS Document */
.link-box{
	margin-bottom: 135px;
}
.link-box h2{
	font-size: 32px;
}
.link-box h2 span img{
	width: 128px;
	margin-left: 13px;
}
.link-box .link-wrap{
	padding-top: 20px;
	padding-bottom: 30px;
	border-top: 2px dotted #707070;
}
.link-box .col-12 .link-wrap:last-child{
	border-bottom:2px dotted #707070 ;
}
.link-wrap .link-tex{
	float: left;
	width: 760px;
	padding-top: 11px;
}
.link-wrap .link-tex .name{
	font-size: 18px;
	color:#7831BC;
	line-height: 1.5;
	margin-bottom: 7px;
	font-weight: bold;
}
.link-wrap .link-tex .tex{
	font-size: 16px;
	line-height: 1.5;
}
.link-wrap .link-btnwrap{
	float: right;
	width: 196px;
}
.link-wrap .link-btnwrap a{
	display: block;
	background-image: linear-gradient(to right, rgba(4, 93, 196, 0.675),  rgba(133, 63, 245, 0.75));
	padding-top: 4px;
	padding-bottom: 6px;
	border-radius: 20px;
	text-align: center;
}
.link-wrap .link-btnwrap a img{
	width: 114px;
}
@media (min-width: 768px) {

}
@media only screen and (max-width : 767px) {
.link-box h2 span img{
	width: 36%;
	margin-left: 0px;
	display: block;
	/*font-size: 7.2vw;*/
}
.link-box{
	margin-bottom: 18%;
}
.link-box h2{
	font-size: 7.2vw;
}
.link-box .link-wrap{
	padding-top: 9%;
	padding-bottom: 9%;
	border-top: 2px dotted #707070;
}
.link-box .col-12 .link-wrap:last-child{
	border-bottom:2px dotted #707070 ;
}
.link-wrap .link-tex{
	float: none;
	width: 100%;
	padding-top: 0;
	margin-bottom: 4%;
}
.link-wrap .link-tex .name{
	font-size: 3.9vw;
	color:#7831BC;
	margin-bottom:0%;
	font-weight: bold;
}
.link-wrap .link-tex .tex{
	font-size: 3.9vw;
}
.link-wrap .link-btnwrap{
	float: none;
	width: 100%;
}
.link-wrap .link-btnwrap a{
	padding-top: 2%;
	padding-bottom: 2%;
}
.link-wrap .link-btnwrap a img{
	width: 32%;
}
}