@charset "utf-8";
/* CSS Document */
/* こども霞が関見学デー　年度別ページ */
/* content ページのみ */


/* -------------------------
@event tile
--------------------------*/

.tile_set, .tile_set2 { /* set2 = chara GP */
	margin-bottom: 4em;
}

.tile_set ul.tile, .tile_set2 ul.tile {
    display: flex;
    gap: 20px;
	flex-wrap: wrap;
	padding: 0 15px;
}

ul.tile li.box {
	position: relative;
	display: flex;
	flex-direction: column;
    background-image: none;
    margin: 0;
    padding: 0 0 25px 0;
	width: 31%;
    border-radius: 10px;
	border: 1px solid #cecece;
}

.tile_set2 ul.tile li.box { /* chara GP */
	border: 1px solid #accece;
	padding: 0;
}

ul.tile li.box .image img{
	width: 100%;
    border-radius: 10px 10px 0 0;
}

ul.tile p {
	text-align: justify;
	line-height: 1.4 !important;
}

ul.tile .inner {
	padding: 10px 15px 9px;

} 

ul.tile .title {
	padding: 0px;
	margin-bottom: 0.4em;
	font-size: 1em;
	font-weight: bold;
}

ul.tile .name { /* chara GP */
	text-align: center;
	padding: 0px;
    margin-bottom: 0;
	font-size: 1.2em;
	font-weight: bold;
}

ul.tile .subtext { /* chara GP */
	text-align: center;
	padding: 0px;
    font-size: 0.9em;
	margin-bottom: 0.55em;
	color: #7c7c7c;
}

ul.tile .text {
	padding: 0px;
    font-size: 0.9em;
	margin-bottom: 0.6em;
}

ul.tile p.tag {
	position: absolute;
    display: inline-block;
    right: 15px;
    bottom: 12px;
    padding: 0 14px;
	margin-bottom: 0;
    height: 25px;
    line-height: 28px !important;
    font-size: 15px;
	color: #474956;
    border-radius: 50vh;
}

ul.tile .link {
	padding: 0px;
	margin-bottom: 0.2em;
}

ul.tile .link:last-child {
	margin-bottom: 0.8em;
}

ul.tile .link a {
	color: #12b6b6;
    font-size: 0.95em;
}

ul.tile .tx_right {
	text-align: right;
}


ul.tile .type0 {
	background: #fce1e1;
}
ul.tile .type1 {
	background: #ecd6f2;
}
ul.tile .type2 {
	background: #dfddfc;
}
ul.tile .type3 {
	background: #e6f2d6;
}
ul.tile .type4 {
	background: #f3f1cd;
}
ul.tile .type5 {
	background: #d6f2e6;
}
ul.tile .type6 {
	background: #d6f2e6;
}
ul.tile .type7 {
	background: #d9f2d3;
}
ul.tile .type8 {
	background: #f1f2ac;
}


@media (max-width: 767px){
	.tile_set ul.tile li.box, .tile_set2 ul.tile li.box {
		width: 48%;
	}
}
@media (max-width: 600px){
	.tile_set ul.tile li.box, .tile_set2 ul.tile li.box {
		width: 46%;
	}
}
@media (max-width: 550px){
	.tile_set ul.tile li.box {
		width: 100%;
	}
}