@charset "utf-8";

/* PC/スマホ共通表示 */
.-----PC_MOBILE_COMMON_CSS_START----- {}

.list01{
}
.list01 li{
	display:flex;
	background:#F1C619;
	margin-bottom:20px;
}
.list01 li a:before{
	margin-right:20px;
	content:"";
	width:78px;
	height:78px;
	background-image:url(../img/icon.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#000;
}
.list01 li a{
	box-sizing:border-box;
	width:100%;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	color:#333333;
	text-decoration:none;
}
.list01 li a div{
	line-height:1.2;
}
.list01 li b{
	display:block;
	font-size: 23px;
	font-weight: normal;
}
.list01 li span{
	display:block;
	font-size: 12px;
}

.list02{
	padding-top:20px;
	display:flex;
	justify-content:space-between;
}
.list02 li{
}
.list02 li h2{
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1;
	height:60px;
	background-color:#000;
	color:#F1C619;
	font-weight:normal;
	border-bottom:3px #F1C619 solid;
	margin-bottom:5px;
	}
.list02 li a{
}

.-----PC_MOBILE_COMMON_CSS_END----- {}


/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
	
.-----MOBILE_ONLY_CSS_START----- {}

.list02{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}
.list02 li{
	margin-bottom:30px;
}
.list02 li h2{
	padding:10px 0;
}
.list02 li img{
	width:100%;
	height:auto;
}
.-----MOBILE_ONLY_CSS_END----- {}

	
}

@media screen and (min-width: 641px) {
.list02 li a:hover{
	opacity:0.7;
	transition:0.2s ease-out;
}
}