
/* --------------------------------------------------- */
#sec01 {
	max-width: 900px;
	width: 90%;
	margin: 0 auto 80px;
	position: relative;
	background-color: #fff;
}
#sec01 ul {
}
#sec01 li {
	width: 100%;
	display: table;
	position: relative;
	border-bottom: #ddd 1px solid;
}
#sec01 li span,
#sec01 li a {
	display: table-cell;
	vertical-align: top;
	line-height: 160%;
}
#sec01 li span {
	width: 130px;
	font-size: 11px;
	padding: 21px;
	color: #999;
}
#sec01 li a {
	padding: 21px 30px 21px 20px;
	font-weight: 500;
}
#sec01 li a::after {
	content: "〉";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0%, -50%);
	font-size: 10px;
	font-weight: 900;
	color: #ddd;
	transition: .3s;
}
#sec01 li a::before {
	content: "";
	width: 0;
	height: 1px;
	background-color: #005BAC;
	position: absolute;
	left: 0;
	bottom: -1px;
	transition: .3s;
}
#sec01 li a:hover {
	color: #06479C;
}
#sec01 li a:hover::after {
	color: #06479C;
}
#sec01 li a:hover::before {
	width: 100%;
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 680px) {
	#sec01 {
        padding: 30px 0 40px;
    }
    #sec03 .inner {
        width: 85%;
    }
	#sec01 li {
        display: block;
        margin-bottom: 5px;
		position: relative;
    }
    #sec01 li span,
    #sec01 li a {
        display: block;
    }
    #sec01 li span {
		display: inline-block;
        width: auto;
        font-size: 10px;
        padding: 0px;
		position: absolute;
		right: 35px;
		bottom: 5px;
		z-index: 1;
    }
    #sec01 li a {
        padding: 18px 35px 25px 20px;
		position: relative;
		z-index: 0;
    }
	#sec01 li a::after {
        right: 7px;
    }
}
/* --------------------------------------------------- */
#sec02 {
	max-width: 1250px;
	width: 95%;
	margin: 0 auto 60px;
	position: relative;
	background-color: #fff;
	padding: 4%;
	border: #005BAC 1px solid;
}
#sec02 .info-ttl {
	border-bottom: #ccc 1px dashed;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#sec02 .info-ttl .day {
	display: block;
	font-size: 10px;
}
#sec02 .info-ttl .ttl {
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.5em;
}
#sec02 p {
	margin-bottom: 25px;
}
#sec02 p img {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 680px) {
	#sec02 {
		margin-bottom: 40px;
	}
	#sec02 .info-ttl .ttl {
	font-size: 1.2em;
}
}
/* --------------------------------------------------- */

/* --------------------------------------------------- */


