@charset "UTF-8";


@media (max-width: 767.99px) {
	.pc{display: none;}
}
@media (min-width: 768.00px){
	.mobile{display: none;}
}

body{
	position: relative;
}
.bg_box{
	position: fixed;
    width: 100%;
    height: 100%;
}
/*.bg_box img{
	position: absolute;
    width: inherit;
    height: inherit;
}*/
.bg_box .bg_img{
    width: inherit;
    height: inherit;
    position: absolute;
}
.bg_box .bg_img.bg{
	background: url('../images/home/body_bg.jpg');
	background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_box .bg_img.universe{
	position: absolute;
    height: inherit;
    /* top: 0; */
    /* bottom: 0; */
    margin: auto;
    width: auto;
    /* left: 0; */
    right: 0;
}
/*.bg_box .bg_img.universe1{
	background: url('../images/home/body_bg_universe1.png');
	background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_box .bg_img.universe2{
	background: url('../images/home/body_bg_universe2.png');
	background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}*/
.bg_box .bg_img.note{
	background: url('../images/home/body_bg_note.png');
	background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 767.99px) {
	.bg_box .bg_img.bg{
		background: url('../images/home/body_bg_m.jpg');
		background-attachment: fixed;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	}
	.bg_img.mobile.top{
		position: absolute;
		top: 0;
		width: 100%;
		height: 19rem;
	}
	.bg_img.mobile.bottom{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 15rem;
	}
	@media (max-width: 281px){
		.bg_img.mobile.top {
		    height: 25rem;
		}
	}
}

.header_sec{
	padding: 2rem 0 1rem 0;
}
.header_sec .logo_area{}
.header_sec .logo_area .logo{
	width: 12rem;
}
.header_sec .member_area{
	text-align: right;
    color: white;
    font-size: 1.2rem;
    line-height: 3rem;
    padding-top: 6px;
}
.header_sec .member_area a{
    color: white;
    transition: .2s;
}
.header_sec .member_area a .icon{
    transition: .2s;
}
.header_sec .member_area a:hover{
    text-decoration: none;
    text-shadow: 0px 1px 9px #f39c09;
}
.header_sec .member_area a:hover .icon{
    filter: drop-shadow(2px 4px 6px #f39c09);
}
@media (max-width: 767.99px) {
	.header_sec {
	    padding: 1.2rem 0.5rem 0.5rem 0.5rem;
	}
	.header_sec .member_area {
	    color: black;
	    font-size: 1rem;
	}
	.header_sec .member_area a {
	    color: black;
	}
	.header_sec .member_area a.member_center {
	    color: black;
	    font-size: 2rem;
	}
}

.content_sec{}
.content_sec .content_area{}
.content_sec .content_area .news_area{
	border-bottom: 1px solid black;
	padding-top: 1rem;
}
.content_sec .content_area .news_area .title{
	position: relative;
    margin: 0;
}
.content_sec .content_area .news_area .title:after{
	position: absolute;
    content: "";
    bottom: 16%;
    right: 0;
    width: 82%;
    height: 1px;
    background: black;
}
.content_sec .content_area .news_area .news_box{
	padding: 0.5rem 10px;
	font-size: 1.1rem;
}
.content_sec .content_area .news_area .news_box .news_item{
    padding: 0.5rem 0;
    color: black;
    transition: .2s;
}
.content_sec .content_area .news_area .news_box .news_item:hover{
    color: black;
    text-decoration: none;
    background: linear-gradient(45deg, #56dfbe8c 25%, #61d2ef78 75%);
}
.content_sec .content_area .news_area .news_box .news_item .date{
	padding: 0 0 0 15px;
}
.content_sec .content_area .news_area .news_box .news_item .date .arrow{
	color: white;
	visibility: hidden;
}
.content_sec .content_area .news_area .news_box .news_item:hover .date .arrow{
	visibility: visible;
}
.content_sec .content_area .news_area .news_box .news_item .news{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
@media (max-width: 767.99px) {
	.content_sec .content_area .news_area {
	    padding: 0.5rem 0.5rem 0rem 0.5rem;
	}
	.content_sec .content_area .news_area .title:after {
	    width: 76%;
	}
	.content_sec .content_area .news_area .news_box {
	    font-size: 1rem;
	    padding: 0.25rem 10px 0.5rem 10px;
	}
	.content_sec .content_area .news_area .news_box .news_item {
	    padding: 0.2rem 0;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.content_sec .content_area .news_area .title:after {
	    width: 72%;
	}
}

.content_sec .content_area .func_area{
    padding: 1rem 7rem 2rem 2rem;
}
.content_sec .content_area .func_area .func_item{
    position: relative;
    padding: 0.5rem 2.5rem;
    color: black;
}
.content_sec .content_area .func_area .func_item:hover{
	text-decoration: none;
}
.content_sec .content_area .func_area .func_item .icon{
	width: inherit;
    padding: 1rem 0;
}
/*pc_hover*/
@media (min-width: 768px){
	.content_sec .content_area .func_area .func_item:hover .icon.pc{
		display: none;
	}
	.content_sec .content_area .func_area .func_item:hover .icon.pc.hover{
		display: block;
	}
	.content_sec .content_area .func_area .func_item:hover .icon.mobile.hover{
		display: none;
	}
}
/*mobile_hover*/
@media (max-width: 767.99px){
	.content_sec .content_area .func_area .func_item:hover .icon.mobile{
		display: none;
	}
	.content_sec .content_area .func_area .func_item:hover .icon.mobile.hover{
		display: block;
	}
	.content_sec .content_area .func_area .func_item:hover .icon.pc.hover{
		display: none;
	}
	/*mobile_hover*/
}
/*.content_sec .content_area .func_area .func_item:hover .icon{
	display: none;
}*/
.content_sec .content_area .func_area .func_item .icon.hover{
	display: none;
}
.content_sec .content_area .func_area .func_item:hover .icon.hover{
	display: block;
}
.content_sec .content_area .func_area .func_item .func_title{
	font-size: 1.6rem;
    text-align: center;
}
.content_sec .content_area .func_area .func_item:hover .func_title{
	font-weight: 600;
}
@media (max-width: 767.99px) {
	.content_sec .content_area .func_area {
	    padding: 6rem 2rem 4rem 2rem;
	}
	.content_sec .content_area .func_area .func_item {
	    padding: 0.8rem 1rem;
	    color: white;
	}
	.content_sec .content_area .func_area .func_item .icon {
	    padding: 1rem 0.8rem;
	}
	.content_sec .content_area .func_area .func_item .func_title {
	    font-size: 1.4rem;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.content_sec .content_area .func_area {
	    padding: 1rem 1rem 2rem 1rem;
	}
	.content_sec .content_area .func_area .func_item {
	    padding: 0.5rem 1.2rem;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.content_sec .content_area .func_area {
    	padding: 1rem 2rem 2rem 2rem;
	}
}

.footer_sec{
	margin-bottom: 2rem;
}
.footer_sec .footer_content{}
.footer_sec .footer_content .logo_area{
	padding-right: 0;
}
.footer_sec .footer_content .logo_area .logo{
	width: -webkit-fill-available;
}
.footer_sec .footer_content .contact_area{
	padding-right: 0;
    padding-left: 30px;
    padding-top: 10px;
}
.footer_sec .footer_content .contact_area .contact_item{
	margin-bottom: 2px;
    font-size: 1rem;
}
.footer_sec .footer_content .contact_area .contact_item .contact_icon{
	color: #2c2c2c;
}
.footer_sec .footer_content .contact_area .contact_item a{
	color: #20798a;
}
.footer_sec .footer_content .contact_area .contact_item a:hover{
    font-weight: 600;
    text-decoration: none;
}
@media (max-width: 767.99px) {
	.footer_sec {
	    margin-bottom: 0rem;
	}
	.footer_sec .footer_content {
	    padding: 0;
    	margin: 0;
	}
	.footer_sec .footer_content .logo_area{
		padding: 0;
	    width: 14rem;
	    margin: auto;
	}
	.footer_sec .footer_content .contact_area {
	    padding: 1rem 1rem 1.5rem 1rem;
	    margin: auto;
	    text-align: center;
	}
	.footer_sec .footer_content .contact_area .contact_item {
	    margin-bottom: 0;
	    font-size: 1rem;
	    padding-bottom: 6px;
	}
	.footer_sec .footer_content .contact_area .contact_item a {
	    color: black;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.footer_sec .footer_content .contact_area .contact_item {
	    margin-bottom: 2px;
	    font-size: 1rem;
	    background-color: rgba(255,255,255,.8);
	    padding: 2px 10px;
	    border-radius: 15px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.footer_sec .footer_content .contact_area {
	    padding-top: 0;
	}
}



/*No media query for `xs` since this is the default in Bootstrap*/
/*body{
	background: url('../images/bg_main.gif');
	background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}*/
/*#header {height: 8rem;}
#content {min-height: calc(100vh - 18rem);}
#footer {height: 10rem;}


.site-title {color: #fff; text-decoration: none;}
.site-title:hover {color: #fff;text-decoration: none;}
.site-title h1{display: inline-block; font-weight: 600; padding-left: 10px;}
.site-title div {
	background-image: linear-gradient(to right, #ffffff 0%,#ffffff 33%,#ffffff 33%,#ffffff 33%,#ffffff 66%,#ffffff 66%,#ffffff 66%,#ffffff 100%);
	width: 40px;
	margin-top: 5px;
	padding-top: 5px;
}
.site-title:hover div {
	background-image: linear-gradient(to right, #009e96 0%,#009e96 33%,#009e96 33%,#bf9d5a 33%,#bf9d5a 66%,#e40077 66%,#e40077 66%,#e40077 100%);
	color: #fff;
	text-decoration: none;
	width: 100%;
	transition: all 0.2s linear;
}

.block-login {
    background: #212529;
    width: 150px;
    margin-right: 0;
    margin-left: auto;
    border-radius: 0 0 25px 25px;
    padding: 2px 5px 5px;
    text-align: center;
    font-size: 16px;
}
.block-login a {color: #fff;}
.block-login span {color: #fff; padding: 0 7px;}

.margin-newsblock {padding: 5% 0;}
.block-news {
	clip-path: polygon(90% 0, 100% 15%, 100% 100%, 10% 100%, 0 85%, 0 0);
	height: 250px;
	background: rgba(255, 255, 255, 0.7);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 25px 15px 15px;
}
.block-news .list-group-item {
	color: #212529;
	background-color: transparent;
	font-size: 16px;
	font-weight: 700;
}
.news-icon {
    display: inline-block;
    width: 25px;
    text-align: center;
    margin-right: 5px;
}
.news-time {
	float: right;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	display: none;
}


.title-pos {
	position: absolute;
	top: -20px;
	z-index: 10;
}
.title-border {
    border-left: 7px solid #fff;
    margin-left: 15px;
    display: inline;
}
.title-text {
	display: inline-block;
	margin-left: 15px;
}

.block-mainbtn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 150px;
}
.btn-main {
	letter-spacing: 2px;
	font-size: 1.5em;
    font-weight: 700;
    color: #133245;
    box-shadow: 1px 1px 10px #133245;
}
.btn-main:hover {box-shadow: none;}

.block-features {
	padding: 5%;
	margin-bottom: 120px;
	justify-content: center;
}
.features div {
	display: flex;
    justify-content: center;
    align-items: center;
	width: 160px;
    height: 160px;
    padding: 10%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}
.features div img {width: 75px;}
.features h3 {
	font-size: 1.3rem;
	letter-spacing: 1px;
	margin-top: 10%;
}
.features div a {color: #fff;}
.features.topleft {
	background: url('../images/main_topleft.png');
	background-size: contain;
    background-position: center;
	background-repeat: no-repeat;
}
.features.topright {
	background: url('../images/main_topright.png');
	background-size: contain;
    background-position: center;
	background-repeat: no-repeat;
}
.features.bottomleft {
	background: url('../images/main_bottomleft.png');
	background-size: contain;
    background-position: center;
	background-repeat: no-repeat;
}
.features.bottomright {
	background: url('../images/main_bottomright.png');
	background-size: contain;
    background-position: center;
	background-repeat: no-repeat;
}
.features:hover {filter: saturate(1.2) contrast(1.2) hue-rotate(-5deg);}
*/
/*.footer-img {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 80px;
	position: relative;
    width: 200px;
    margin: 0 auto;
    display: block;
}*/

/*Small devices (landscape phones, 576px and up)*/
/*@media (min-width: 576px) {
}*/

/*Medium devices (tablets, 768px and up)*/
/*@media (min-width: 768px) {
	.site-title h1{letter-spacing: 6px;}
	.margin-newsblock {padding: 5% 0; margin-top: 15%;}
	.block-features {margin-bottom: auto;}
	.footer-img {position: absolute; bottom: 10px; right: 10px; width: 200px;}
}*/

/*Large devices (desktops, 992px and up)*/
/*@media (min-width: 992px) {
	.news-time {display: block;}
	.block-mainbtn {align-items: flex-end;}
  	.features div {
		width: 200px;
	    height: 200px;
	    max-width: 100%;
	    padding: 40px;
	    text-align: center;
	    margin: 0 auto;
	}
	.features div img {width: 80px;}
	.features h3 {font-size: 1.3rem;}
}*/

/*Extra large devices (large desktops, 1200px and up)*/
/*@media (min-width: 1200px) {
  	.features div {
		width: 250px;
	    height: 250px;
	    max-width: 100%;
	    padding: 40px;
	    text-align: center;
	    margin: 0 auto;
	}
	.features div img {width: 100px;}
	.features h3 {font-size: 1.575rem;}
}*/


/*iPhone 5/SE*/
/*@media (max-width: 360px) {
	.features div {width: 145px; height: 145px;}
	.features h3 {font-size: 1rem;}
}*/