@charset "UTF-8";

/**======================================
	top
======================================**/

/*--------------------------------------
	common
---------------------------------------*/

html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
}

.header_wrap {
    background: rgba(255, 255, 255, 0);
}

.header_wrap.scrolled {
    background-color: rgba(255, 255, 255, 1);
}

.container {
    padding-top: 0;
}

.contents_wrap {
    background: url(../../images/top/bg_header_pc_top.jpg) center top / cover no-repeat;
    overflow: hidden;
}

.contents {
    position: relative;
    padding-top: 220px;
    height: 100vh;
}

/*--------------------------------------
	top_contents
---------------------------------------*/

/* top_news_area */

.top_news_box {
    position: absolute;
    bottom: 0;
    left: 0;
	margin-bottom: 60px;
	padding: 20px;
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
}

.top_news_box .news_archive {
    position: relative;
	margin: 0 30px;
	padding: 5px 0 0 50px;
}

.news_archive .news_list {
    margin-bottom: 0;
}

.top_news_box .news_archive li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 14px;
    height: 14px;
    border-width: 5px;
    border-style: solid;
    border-color: #900;
    border-radius: 50%;
}

.news_archive .news_list .news_date,
.news_archive .news_list .news_title {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.4rem;
}

/*--------------------------------------
	[module] clearfix
---------------------------------------*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}