@charset "utf-8";

#main{}
/* PC */
@media screen and (min-width:768px) {
	#main{ max-width:848px; padding:160px 22px 0; }
}

/* SP */
@media screen and (max-width:767px){
	#main{ padding:0 20px; }
}


/* #online{ */
#online a{ 
	background:#a6b3b3;color:#000024;
	display:flex; justify-content:center; align-items:center; text-decoration:none; position:relative; width:100%; }
#online a span{
	display:flex; justify-content:center; align-items:center; word-break:keep-all;
	position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);
	transition:all 300ms 0s ease;
}
#online a span::before{ display:block; content:""; background:url("../../common2/img/online.svg") no-repeat center/100%; }
/*
#online a span.a{ border:1px solid #FFFFFF; }

#online a span.b{ opacity:1; }
#online a span.a{ opacity:0; }
#online a:hover span.b,
#online a.on span.b{ opacity:0; }
#online a:hover span.a,
#online a.on span.a{ opacity:1; }
*/
	
/* PC */
@media screen and (min-width:768px) {
	#online a{ font-size:2.0rem; line-height:1.6; height:186px; }
	#online a span{ flex-flow:column; }
	#online a span::before{ width:24px; height:26px; margin-bottom:13px; }
	#online a span.a{ font-size:3.0rem; width:250px; height:70px; }
}

/* SP */
@media screen and (max-width:767px){
	#online a{ font-size:3.0rem; line-height:1.6; height:87px; }
	#online a span::before{ width:20px; height:21px; margin-right:15px; }
	#online a span.a{ font-size:4.0rem; width:130px; height:35px; }
}
/* } */

/* .top_link{ */

	
/* PC */
.top_link a{ display:block; position:relative; }
.top_link a img{ position:relative; z-index:0; }
.top_link a::after{
	display:block; content:"";
	position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;
	background:linear-gradient(to right,#101E2E 0%,#071016 100%);
	transition:all 300ms 0s ease; opacity:0;
}
.top_link a .ttl_b,
.top_link a .ttl_s,
.top_link a .ttl_i i{
	position:absolute; z-index:2; color:#FFFFFF;
	transition:all 300ms 0s ease; opacity:0;
}
.top_link a .ttl_b{ font-weight:300; }
.top_link a .ttl_s{ font-weight:500; }
.top_link a .ttl_i i{ background:#919D9D; }
.top_link a .ttl_i i:nth-child(1){ background:#508DC5; }

.top_link a, .top_link a.on{ opacity:1.0 !important; }
.top_link a::after, .top_link a.on::after{ opacity:0.65; }
.top_link a .ttl_b, .top_link a.on .ttl_b,
.top_link a .ttl_s, .top_link a.on .ttl_s,
.top_link a .ttl_i i, .top_link a.on .ttl_i i{ opacity:1.0; }
.top_link a .ttl_i i:nth-child(1), .top_link a.on .ttl_i i:nth-child(1){ transition:all 300ms 300ms ease; }
.top_link a .ttl_i i:nth-child(2), .top_link a.on .ttl_i i:nth-child(2){ transition:all 300ms 250ms ease; }
.top_link a .ttl_i i:nth-child(3), .top_link a.on .ttl_i i:nth-child(3){ transition:all 300ms 200ms ease; }

/* PC */
@media screen and (min-width:768px) {
	.top_link a .ttl_b{ right:31px; bottom:214px; font-size:6.0rem; line-height:1.0; }
	.top_link a .ttl_s{ right:38px; bottom:184px; font-size:2.0rem; line-height:1.0; }
	.top_link a .ttl_i i{ width:44px; height:8px; }
	.top_link a .ttl_i i:nth-child(1){ right:-88px; bottom:150px; }
	.top_link a .ttl_i i:nth-child(2){ right:-44px; bottom:129px; }
	.top_link a .ttl_i i:nth-child(3){ right:0px; bottom:108px; }
}

/* SP */
@media screen and (max-width:767px){
	.top_link a .ttl_b{ right:15px; bottom:107px; font-size:6.0rem; line-height:1.0; }
	.top_link a .ttl_s{ right:19px; bottom:92px; font-size:2.0rem; line-height:1.0; }
	.top_link a .ttl_i i{ width:22px; height:4px; }
	.top_link a .ttl_i i:nth-child(1){ right:-22px; bottom:75px; }
	.top_link a .ttl_i i:nth-child(2){ right:-11px; bottom:65px; }
	.top_link a .ttl_i i:nth-child(3){ right:0px; bottom:54px; }
}
/* } */
/* #news{ */

#news{}

#news .news_ttl{ font-family: 'Josefin Sans', sans-serif; font-weight:300; }
#news .news_list{ font-weight:500; }
#news .news_list p{ display:table-row; }
#news .news_list p>*{ display:table-cell; }
#news .news_list p time{ padding-right:1em; word-break:keep-all; }
#news .news_more a{ display:inline-flex;justify-content:center; align-items:center; }

/* PC */
@media screen and (min-width:768px) {
	#news{ display:flex; flex-wrap:wrap; padding:100px 0 90px; }
	#news .news_ttl{ width:calc(4.8rem * 4); font-size:4.8rem; line-height:1.0; margin-left:calc(100% * 40 / 804); }
	#news .news_list{ width:calc(100% - (4.8rem * 4 + (100% * 80 / 804))); display:table; font-size:1.6rem; line-height:1.6; margin-right:calc(100% * 40 / 804); }
	#news .news_list p:not(:last-child)>*{ padding-bottom:20px; }
	#news .news_list p time{ padding-right:20px; }
	#news .news_more{ width:100%; text-align:right; padding-top:30px; }
	#news .news_more a{ width:153px; height:40px; font-size:1.6rem; }
}

/* SP */
@media screen and (max-width:767px){
	#news{ padding:45px 0 70px; }
	#news .news_ttl{ font-size:7.6rem; line-height:1.0; text-align:center; margin-bottom:25px; }
	#news .news_list{ width:100%; display:table; font-size:2.6rem; line-height:1.6; }
	#news .news_list p>*{ padding-top:20px; border-top:1px solid #919D9D; padding-bottom:20px; }
	#news .news_more{ text-align:center; padding:15px; }
	#news .news_more a{ width:218px; height:38px; font-size:2.8rem; }
}
/* } */

/* #news{ */

#member a{
	display:flex; justify-content:center; align-items:center;
	width:100%; background:#29343A; color:#FFFFFF; line-height:1; text-decoration:none;
}

/* PC */
@media screen and (min-width:768px) {
	#member{ margin-bottom:50px; }
	#member a{ height:50px; font-size:1.6rem; }
}

/* SP */
@media screen and (max-width:767px){
	#member{ margin-bottom:40px; }
	#member a{ height:40px; font-size:2.6rem; }
}
/* } */



.bnr{ position:fixed; right:8%; z-index:10; }
.bnr.is-hidden{ display:none; }
.bnr .bnr_item{ display:block; width:165px; }
.bnr .bnr_close{ position:absolute; top:-30px; right:-30px; z-index:10; cursor:pointer; }
/* PC */
@media screen and (min-width:768px) {
	.bnr { bottom:35px; }
}
/* SP */
@media screen and (max-width:767px){
	.bnr { bottom:50px; }
	#main{ padding-bottom:120px; }
}