@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

#mv{background: url("images/ttl_bg.jpg")no-repeat;background-position: center;background-size: cover;text-align:left;}
#mv .sec_ttl_wrap{margin:0 auto;padding:100px 50px;box-sizing:border-box;max-width:1200px;}
#mv .sec_ttl_wrap .en{font-size:24px;color:var(--skyblue);margin-bottom:10px;font-weight: 900;}
#mv .sec_ttl_wrap .sec_ttl{font-size:50px;color:#fff;}

#main .inner ul{text-align: left;}
#main .inner ul li{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#main .inner ul li a{text-decoration: none;transition: .3s;}
#main .inner ul li dl .date{color: var(--orange);margin-bottom: 10px;font-size: 20px;}
#main .inner ul li dl .txt{color: var(--black);font-size: 16px;line-height: 1.6;}
#main .inner ul li a dl .txt{text-decoration: underline;transition: .3s;}


@media screen and (min-width:768px) {
	#main .inner ul li a:hover{opacity: 0.6;}
	#main .inner ul li a:hover dl .txt{text-decoration: none;}
}
@media screen and (max-width:959px) {
	#mv .sec_ttl_wrap{padding:60px 50px;}
	#mv .sec_ttl_wrap .en{font-size:20px;}
	#mv .sec_ttl_wrap .sec_ttl{font-size:36px;}
}
@media screen and (max-width:767px) {
	#mv .sec_ttl_wrap{padding:60px 20px;}
	#main .inner ul li{padding-bottom: 20px;margin-bottom: 20px;}
	#main .inner ul li dl .date{font-size: 18px;}
	#main .inner ul li dl .txt{font-size: 14px;}
}
@media screen and (max-width:374px) {
	#mv .sec_ttl_wrap .en{font-size:16px;}
	#mv .sec_ttl_wrap .sec_ttl{font-size:24px;}
	#mv .sec_ttl_wrap{padding:40px 10px;}
	#main .inner ul li dl .date{font-size: 16px;}
	#main .inner ul li dl .txt{font-size: 12px;}
}