@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）　　XXX【リンク集】のスタイルシート
------------------------------------------------------------------------------------------------------------*/
ul.ul_links01{
	margin: 0 auto;
	max-width: 450px;
}
ul.ul_links01 li{
	color: #fff;
	background: #293E96;
	border: #293E96 3px solid;
	border-radius: 10px;
	box-shadow: 1px 2px 7px rgba(0,0,0,0.20);
	padding: 0 0 1rem 0;
	margin: 0 0 1.25rem 0;
}
ul.ul_links01 li a{color: #fff;	text-decoration: none;}
ul.ul_links01 li a:hover{color: #6DB2E3;}

ul.ul_links01 li .logo{
	transform: none;/*文字ジャギ―防止・無効*/
	background: #fff;
	text-align: center;
	border-radius: 7px 7px 0 0;
	padding: 24px 0;
	margin-bottom: 12px;
}
ul.ul_links01 li .logo img{
	width: 94%;
	max-width: 250px;
	margin: 0 auto 0 auto;
}
ul.ul_links01 li .title{
	font-weight: 700;
	background: url("../image/common/icn_externalLink01.png") no-repeat right 12px top 4px;
	background-size: 16px;
	padding: 0 15px 6px 15px;
}
ul.ul_links01 li .text{
	font-size: 0.93rem;
	line-height: 175%;
	padding: 0 15px;
}
.box_gif01{
	width: 100%;
	max-width: 450px;
	margin: 2rem auto 0 auto;
}


/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){

section.section_links01{
	background: url("../image/common/img_balloon01.png") no-repeat 100% 90%;
	background-size: 125px;
}
ul.ul_links01{
	max-width: 900px;
	display: flex;
	flex-flow: row wrap;
}
ul.ul_links01 li{
	width: calc(50% - 6px);
	margin: 0 12px 1.25rem 0;
}
ul.ul_links01 li:nth-child(2n){margin: 0 0 1.25rem 0;}

/********/
}








/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){

ul.ul_links01{
	max-width: 1200px;
}
ul.ul_links01 li{
	width: 32%;
	margin: 0 2% 1.5rem 0;
}
ul.ul_links01 li:nth-child(2n){margin: 0 2% 1.5rem 0;}
ul.ul_links01 li:nth-child(3n){margin: 0 0 1.5rem 0;}

/********/
}