@charset "utf-8";

/*----------------------------------------------------------------
 /curriculum/ under
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 base
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 layout
----------------------------------------------------------------*/
#contents .main{ padding: 30px 0 55px 0; }
@media screen and (min-width: 769px) {
#contents .main{ padding: 75px 0 120px 0; }
}

#curriculum{ margin: 5px 0 0 0; }
#text{
	margin				: 0 0 30px 0;
	background			: #222222;
}


/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/
/*-----------------------------------------------------
 common
-----------------------------------------------------*/
#contents h2{
	margin				: 0 0 40px 0;
	text-align			: center;
	font-size			: 1.5rem;
	font-weight			: bold;
	line-height			: 1;
}
#contents h2>span{
	border-bottom		: 2px solid #FFF;
	padding				: 0 0 5px 0;
}

@media screen and (min-width: 769px) {
#contents h2{ font-size: 30px; }
#contents h2>span{ border-bottom: 4px solid #FFF; }
}


/*-----------------------------------------------------
 text-list
-----------------------------------------------------*/
#contents .text-list li{ margin: 0 0 15px 0; }

#contents .text-list a{
	display				: block;
	position			: relative;
	border				: 1px solid #FFF;
	border-radius		: 5px;
	padding				: 15px 50px 15px 15px;
	font-size			: 1.5rem;
}
#contents .text-list a:hover{
	border				: 1px solid transparent;
	background			: #FFF;
	color				: #111;
}
#contents .text-list a:after{
	content				: "PDF DOWNLOAD";
	display				: block;
	font-family			: 'Open Sans', sans-serif;
	font-size			: 1.2rem;
}
#contents .text-list a:before{
	content				: "";
	position			: absolute;
	top					: 50%;
	right				: 15px;
	transform			: translateY(-50%);
	display				: block;
	width				: 25px;
	height				: 28px;
	background			: url(../../common/images/icon-download.png) left top /contain no-repeat;
}
#contents .text-list a:hover:before{ background: url(../../common/images/icon-download_on.png) left top /contain no-repeat; }

@media screen and (max-width: 350px) {
#contents .text-list a{ font-size: 1.3rem; }
}
@media screen and (min-width: 769px) {
#contents .text-list li{ margin: 0 0 30px 0; }
#contents .text-list a{
	border-radius		: 10px;
	border				: 2px solid #FFF;
}
#contents .text-list a:hover{
	border				: 2px solid transparent;
}
}
@media screen and (min-width: 769px) {
#contents .text-list{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-direction		: row;
	justify-content		: space-between;
	flex-wrap			: wrap;
	margin				: 100px 0 75px 0;
}
#contents .text-list li{
	flex				: 0 0 48%;
	margin				: 0 0 30px 0;
}
#contents .text-list li a{
	border-radius		: 10px;
	border				: 2px solid #FFF;
	padding				: 20px 60px 20px 30px;
	font-size			: 2rem;
}
#contents .text-list a:hover{
	border				: 2px solid transparent;
}
}

@media screen and (min-width: 960px) {
#contents .text-list li a{
	padding				: 32px 80px 32px 40px;
	font-size			: 2.4rem;
}
#contents .text-list a:before{
	right				: 30px;
	width				: 50px;
	height				: 55px;
}
}